@sparkstudio/storage-ui 1.0.21 → 1.0.22

package/dist/index.cjs

@@ -295,7 +295,7 @@ var UploadDropzone = ({
   children
 }) => {
   const baseClass = "rounded-3 d-flex flex-column align-items-center justify-content-center";
-  const stateClass = isDragging ? "bg-body-secondary" : "";
+  const stateClass = isDragging ? "bg-body-secondary border-dashed border-2 border-secondary" : "bg-body-trasparent border-solid border-transparent border-2";
   const combinedClassName = `${baseClass} ${stateClass} ${className}`.trim();
   const handleDragOver = (e) => {
     e.preventDefault();
@@ -856,95 +856,97 @@ var UploadContainer = ({
     a.click();
     document.body.removeChild(a);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-    UploadDropzone,
-    {
-      isDragging,
-      onDragOver: handleDragOver,
-      onDragLeave: handleDragLeave,
-      onDrop: handleDrop,
-      className: "w-100",
-      style: { minHeight: "260px", alignItems: "stretch" },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "w-100", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "w-100", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        "input",
+        {
+          id: "filePicker",
+          type: "file",
+          multiple: true,
+          className: "d-none",
+          onChange: (e) => {
+            if (!e.target.files) return;
+            onFilesSelected?.(e.target.files);
+            startUploadsIfNeeded(e.target.files);
+          }
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "text-start", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "btn btn-primary float-start",
+          onClick: () => document.getElementById("filePicker")?.click(),
+          children: "Browse files\u2026"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      UploadDropzone,
+      {
+        isDragging,
+        onDragOver: handleDragOver,
+        onDragLeave: handleDragLeave,
+        onDrop: handleDrop,
+        className: "w-100",
+        style: { minHeight: "100px", alignItems: "stretch" },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "w-100 mb-3", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "d-flex flex-column flex-md-row align-items-start align-items-md-center justify-content-between gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex-grow-1 w-100", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(UploadProgressList, { uploads }) }) }) }),
           /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-            "input",
-            {
-              id: "filePicker",
-              type: "file",
-              multiple: true,
-              className: "d-none",
-              onChange: (e) => {
-                if (!e.target.files) return;
-                onFilesSelected?.(e.target.files);
-                startUploadsIfNeeded(e.target.files);
-              }
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "text-start", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-            "button",
+            "div",
             {
-              type: "button",
-              className: "btn btn-primary float-start",
-              onClick: () => document.getElementById("filePicker")?.click(),
-              children: "Browse files\u2026"
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "w-100 mb-3", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "d-flex flex-column flex-md-row align-items-start align-items-md-center justify-content-between gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex-grow-1 w-100", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(UploadProgressList, { uploads }) }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-          "div",
-          {
-            className: "w-100 d-flex flex-wrap gap-4 align-content-start",
-            style: { minHeight: "140px" },
-            children: existingFilesLoading ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "w-100 d-flex justify-content-center align-items-center", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "spinner-border text-secondary", role: "status" }) }) : existingFiles.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-              "div",
-              {
-                className: "w-100 d-flex flex-column align-items-center justify-content-center text-muted",
-                style: {
-                  minHeight: "160px",
-                  padding: "20px",
-                  cursor: "pointer",
-                  transition: "background 0.12s, border-color 0.12s"
-                },
-                onClick: () => document.getElementById("filePicker")?.click(),
-                onMouseEnter: (e) => e.currentTarget.style.borderColor = "#888",
-                onMouseLeave: (e) => e.currentTarget.style.borderColor = "#ccc",
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-                    "input",
-                    {
-                      id: "filePicker",
-                      type: "file",
-                      multiple: true,
-                      hidden: true,
-                      onChange: (e) => {
-                        if (!e.target.files) return;
-                        onFilesSelected?.(e.target.files);
-                        startUploadsIfNeeded(e.target.files);
+              className: "w-100 d-flex flex-wrap gap-4 align-content-start",
+              style: { minHeight: "140px" },
+              children: existingFilesLoading ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "w-100 d-flex justify-content-center align-items-center", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "spinner-border text-secondary", role: "status" }) }) : existingFiles.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                "div",
+                {
+                  className: "w-100 d-flex flex-column align-items-center justify-content-center text-muted",
+                  style: {
+                    minHeight: "160px",
+                    padding: "20px",
+                    cursor: "pointer",
+                    transition: "background 0.12s, border-color 0.12s"
+                  },
+                  onClick: () => document.getElementById("filePicker")?.click(),
+                  onMouseEnter: (e) => e.currentTarget.style.borderColor = "#888",
+                  onMouseLeave: (e) => e.currentTarget.style.borderColor = "#ccc",
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                      "input",
+                      {
+                        id: "filePicker",
+                        type: "file",
+                        multiple: true,
+                        hidden: true,
+                        onChange: (e) => {
+                          if (!e.target.files) return;
+                          onFilesSelected?.(e.target.files);
+                          startUploadsIfNeeded(e.target.files);
+                        }
                       }
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: "Drag & drop files here" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("small", { className: "mt-1", children: "\u2026or click to browse" })
-                ]
-              }
-            ) : existingFiles.map((file) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-              DesktopFileIcon,
-              {
-                name: file.Name,
-                sizeBytes: file.FileSize,
-                downloadUrl: file.PublicUrl,
-                onOpen: () => handleExistingFileOpen(file),
-                onDelete: () => onDeleteFile?.(file)
-              },
-              file.Id
-            ))
-          }
-        )
-      ]
-    }
-  );
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: "Drag & drop files here" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("small", { className: "mt-1", children: "\u2026or click to browse" })
+                  ]
+                }
+              ) : existingFiles.map((file) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                DesktopFileIcon,
+                {
+                  name: file.Name,
+                  sizeBytes: file.FileSize,
+                  downloadUrl: file.PublicUrl,
+                  onOpen: () => handleExistingFileOpen(file),
+                  onDelete: () => onDeleteFile?.(file)
+                },
+                file.Id
+              ))
+            }
+          )
+        ]
+      }
+    )
+  ] });
 };
 
 // src/hooks/UseContainers.ts
@@ -1058,7 +1060,7 @@ var ContainerUploadPanel = ({
 // src/components/SingleFileProcessUploader.tsx
 var import_react8 = require("react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var SingleFileProcessUploader = ({ getPresignedUrl, onUploadComplete, accept, label, disabled }) => {
+var SingleFileProcessUploader = ({ getPresignedUrl, onUploadComplete, accept, disabled }) => {
   const [selectedFile, setSelectedFile] = (0, import_react8.useState)(null);
   const [isDragging, setIsDragging] = (0, import_react8.useState)(false);
   const [progress, setProgress] = (0, import_react8.useState)(null);
@@ -1132,10 +1134,9 @@ var SingleFileProcessUploader = ({ getPresignedUrl, onUploadComplete, accept, la
     "text-center",
     "user-select-none",
     disabled ? "opacity-50" : "cursor-pointer",
-    isDragging ? "bg-info-subtle" : "bg-transparent"
+    isDragging ? "bg-body-secondary border-dashed border-2 border-secondary" : "bg-body-trasparent border-transparent border-2"
   ].join(" ");
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "d-flex flex-column gap-2", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("label", { className: "form-label fw-semibold", children: label }),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
       "div",
       {
@@ -1174,7 +1175,10 @@ var SingleFileProcessUploader = ({ getPresignedUrl, onUploadComplete, accept, la
     ),
     isUploading && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "small", children: [
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "d-flex justify-content-between mb-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Uploading..." }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "spinner-border spinner-border-sm text-primary" }),
+          " Uploading..."
+        ] }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
           progress ?? 0,
           "%"

package/dist/index.js

@@ -252,7 +252,7 @@ var UploadDropzone = ({
   children
 }) => {
   const baseClass = "rounded-3 d-flex flex-column align-items-center justify-content-center";
-  const stateClass = isDragging ? "bg-body-secondary" : "";
+  const stateClass = isDragging ? "bg-body-secondary border-dashed border-2 border-secondary" : "bg-body-trasparent border-solid border-transparent border-2";
   const combinedClassName = `${baseClass} ${stateClass} ${className}`.trim();
   const handleDragOver = (e) => {
     e.preventDefault();
@@ -774,7 +774,7 @@ var DesktopFileIcon = ({
 };
 
 // src/components/UploadContainer.tsx
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var UploadContainer = ({
   onFilesSelected,
   existingFiles = [],
@@ -823,95 +823,97 @@ var UploadContainer = ({
     a.click();
     document.body.removeChild(a);
   };
-  return /* @__PURE__ */ jsxs3(
-    UploadDropzone,
-    {
-      isDragging,
-      onDragOver: handleDragOver,
-      onDragLeave: handleDragLeave,
-      onDrop: handleDrop,
-      className: "w-100",
-      style: { minHeight: "260px", alignItems: "stretch" },
-      children: [
-        /* @__PURE__ */ jsxs3("div", { className: "w-100", children: [
+  return /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsxs3("div", { className: "w-100", children: [
+      /* @__PURE__ */ jsx4(
+        "input",
+        {
+          id: "filePicker",
+          type: "file",
+          multiple: true,
+          className: "d-none",
+          onChange: (e) => {
+            if (!e.target.files) return;
+            onFilesSelected?.(e.target.files);
+            startUploadsIfNeeded(e.target.files);
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx4("div", { className: "text-start", children: /* @__PURE__ */ jsx4(
+        "button",
+        {
+          type: "button",
+          className: "btn btn-primary float-start",
+          onClick: () => document.getElementById("filePicker")?.click(),
+          children: "Browse files\u2026"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs3(
+      UploadDropzone,
+      {
+        isDragging,
+        onDragOver: handleDragOver,
+        onDragLeave: handleDragLeave,
+        onDrop: handleDrop,
+        className: "w-100",
+        style: { minHeight: "100px", alignItems: "stretch" },
+        children: [
+          /* @__PURE__ */ jsx4("div", { className: "w-100 mb-3", children: /* @__PURE__ */ jsx4("div", { className: "d-flex flex-column flex-md-row align-items-start align-items-md-center justify-content-between gap-3", children: /* @__PURE__ */ jsx4("div", { className: "flex-grow-1 w-100", children: /* @__PURE__ */ jsx4(UploadProgressList, { uploads }) }) }) }),
           /* @__PURE__ */ jsx4(
-            "input",
-            {
-              id: "filePicker",
-              type: "file",
-              multiple: true,
-              className: "d-none",
-              onChange: (e) => {
-                if (!e.target.files) return;
-                onFilesSelected?.(e.target.files);
-                startUploadsIfNeeded(e.target.files);
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx4("div", { className: "text-start", children: /* @__PURE__ */ jsx4(
-            "button",
+            "div",
             {
-              type: "button",
-              className: "btn btn-primary float-start",
-              onClick: () => document.getElementById("filePicker")?.click(),
-              children: "Browse files\u2026"
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ jsx4("div", { className: "w-100 mb-3", children: /* @__PURE__ */ jsx4("div", { className: "d-flex flex-column flex-md-row align-items-start align-items-md-center justify-content-between gap-3", children: /* @__PURE__ */ jsx4("div", { className: "flex-grow-1 w-100", children: /* @__PURE__ */ jsx4(UploadProgressList, { uploads }) }) }) }),
-        /* @__PURE__ */ jsx4(
-          "div",
-          {
-            className: "w-100 d-flex flex-wrap gap-4 align-content-start",
-            style: { minHeight: "140px" },
-            children: existingFilesLoading ? /* @__PURE__ */ jsx4("div", { className: "w-100 d-flex justify-content-center align-items-center", children: /* @__PURE__ */ jsx4("div", { className: "spinner-border text-secondary", role: "status" }) }) : existingFiles.length === 0 ? /* @__PURE__ */ jsxs3(
-              "div",
-              {
-                className: "w-100 d-flex flex-column align-items-center justify-content-center text-muted",
-                style: {
-                  minHeight: "160px",
-                  padding: "20px",
-                  cursor: "pointer",
-                  transition: "background 0.12s, border-color 0.12s"
-                },
-                onClick: () => document.getElementById("filePicker")?.click(),
-                onMouseEnter: (e) => e.currentTarget.style.borderColor = "#888",
-                onMouseLeave: (e) => e.currentTarget.style.borderColor = "#ccc",
-                children: [
-                  /* @__PURE__ */ jsx4(
-                    "input",
-                    {
-                      id: "filePicker",
-                      type: "file",
-                      multiple: true,
-                      hidden: true,
-                      onChange: (e) => {
-                        if (!e.target.files) return;
-                        onFilesSelected?.(e.target.files);
-                        startUploadsIfNeeded(e.target.files);
+              className: "w-100 d-flex flex-wrap gap-4 align-content-start",
+              style: { minHeight: "140px" },
+              children: existingFilesLoading ? /* @__PURE__ */ jsx4("div", { className: "w-100 d-flex justify-content-center align-items-center", children: /* @__PURE__ */ jsx4("div", { className: "spinner-border text-secondary", role: "status" }) }) : existingFiles.length === 0 ? /* @__PURE__ */ jsxs3(
+                "div",
+                {
+                  className: "w-100 d-flex flex-column align-items-center justify-content-center text-muted",
+                  style: {
+                    minHeight: "160px",
+                    padding: "20px",
+                    cursor: "pointer",
+                    transition: "background 0.12s, border-color 0.12s"
+                  },
+                  onClick: () => document.getElementById("filePicker")?.click(),
+                  onMouseEnter: (e) => e.currentTarget.style.borderColor = "#888",
+                  onMouseLeave: (e) => e.currentTarget.style.borderColor = "#ccc",
+                  children: [
+                    /* @__PURE__ */ jsx4(
+                      "input",
+                      {
+                        id: "filePicker",
+                        type: "file",
+                        multiple: true,
+                        hidden: true,
+                        onChange: (e) => {
+                          if (!e.target.files) return;
+                          onFilesSelected?.(e.target.files);
+                          startUploadsIfNeeded(e.target.files);
+                        }
                       }
-                    }
-                  ),
-                  /* @__PURE__ */ jsx4("strong", { children: "Drag & drop files here" }),
-                  /* @__PURE__ */ jsx4("small", { className: "mt-1", children: "\u2026or click to browse" })
-                ]
-              }
-            ) : existingFiles.map((file) => /* @__PURE__ */ jsx4(
-              DesktopFileIcon,
-              {
-                name: file.Name,
-                sizeBytes: file.FileSize,
-                downloadUrl: file.PublicUrl,
-                onOpen: () => handleExistingFileOpen(file),
-                onDelete: () => onDeleteFile?.(file)
-              },
-              file.Id
-            ))
-          }
-        )
-      ]
-    }
-  );
+                    ),
+                    /* @__PURE__ */ jsx4("strong", { children: "Drag & drop files here" }),
+                    /* @__PURE__ */ jsx4("small", { className: "mt-1", children: "\u2026or click to browse" })
+                  ]
+                }
+              ) : existingFiles.map((file) => /* @__PURE__ */ jsx4(
+                DesktopFileIcon,
+                {
+                  name: file.Name,
+                  sizeBytes: file.FileSize,
+                  downloadUrl: file.PublicUrl,
+                  onOpen: () => handleExistingFileOpen(file),
+                  onDelete: () => onDeleteFile?.(file)
+                },
+                file.Id
+              ))
+            }
+          )
+        ]
+      }
+    )
+  ] });
 };
 
 // src/hooks/UseContainers.ts
@@ -1025,7 +1027,7 @@ var ContainerUploadPanel = ({
 // src/components/SingleFileProcessUploader.tsx
 import { useCallback as useCallback2, useRef as useRef2, useState as useState5 } from "react";
 import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
-var SingleFileProcessUploader = ({ getPresignedUrl, onUploadComplete, accept, label, disabled }) => {
+var SingleFileProcessUploader = ({ getPresignedUrl, onUploadComplete, accept, disabled }) => {
   const [selectedFile, setSelectedFile] = useState5(null);
   const [isDragging, setIsDragging] = useState5(false);
   const [progress, setProgress] = useState5(null);
@@ -1099,10 +1101,9 @@ var SingleFileProcessUploader = ({ getPresignedUrl, onUploadComplete, accept, la
     "text-center",
     "user-select-none",
     disabled ? "opacity-50" : "cursor-pointer",
-    isDragging ? "bg-info-subtle" : "bg-transparent"
+    isDragging ? "bg-body-secondary border-dashed border-2 border-secondary" : "bg-body-trasparent border-transparent border-2"
   ].join(" ");
   return /* @__PURE__ */ jsxs4("div", { className: "d-flex flex-column gap-2", children: [
-    label && /* @__PURE__ */ jsx6("label", { className: "form-label fw-semibold", children: label }),
     /* @__PURE__ */ jsxs4(
       "div",
       {
@@ -1141,7 +1142,10 @@ var SingleFileProcessUploader = ({ getPresignedUrl, onUploadComplete, accept, la
     ),
     isUploading && /* @__PURE__ */ jsxs4("div", { className: "small", children: [
       /* @__PURE__ */ jsxs4("div", { className: "d-flex justify-content-between mb-1", children: [
-        /* @__PURE__ */ jsx6("span", { children: "Uploading..." }),
+        /* @__PURE__ */ jsxs4("span", { children: [
+          /* @__PURE__ */ jsx6("div", { className: "spinner-border spinner-border-sm text-primary" }),
+          " Uploading..."
+        ] }),
         /* @__PURE__ */ jsxs4("span", { children: [
           progress ?? 0,
           "%"
@@ -1184,7 +1188,7 @@ import {
   UserInfoCard,
   useUser
 } from "@sparkstudio/authentication-ui";
-import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function HomeView() {
   return /* @__PURE__ */ jsx7(
     AuthenticatorProvider,
@@ -1207,9 +1211,9 @@ function HomeContent() {
     const result = await res.s3.GetTemporaryPreSignedUrl(new TemporaryFileDTO({ Name: file.name, ContentType: contentType }));
     return result;
   }
-  return /* @__PURE__ */ jsxs5(Fragment2, { children: [
+  return /* @__PURE__ */ jsxs5(Fragment3, { children: [
     /* @__PURE__ */ jsx7(UserInfoCard, {}),
-    user && /* @__PURE__ */ jsxs5(Fragment2, { children: [
+    user && /* @__PURE__ */ jsxs5(Fragment3, { children: [
       /* @__PURE__ */ jsx7(
         SingleFileProcessUploader,
         {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sparkstudio/storage-ui",
-  "version": "1.0.21",
+  "version": "1.0.22",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -40,7 +40,7 @@
     "@fortawesome/free-solid-svg-icons": "^7.1.0",
     "@fortawesome/react-fontawesome": "^3.1.1",
     "@sparkstudio/authentication-ui": "^1.0.29",
-    "@sparkstudio/common-ui": "^1.0.26",
+    "@sparkstudio/common-ui": "^1.0.29",
     "barrelsby": "^2.8.1"
   },
   "devDependencies": {

package/dist/index.css

@@ -1,3 +0,0 @@
-@import "/node_modules/@sparkstudio/common-ui/dist/index.css";
-
-/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../src/index.scss"],"names":[],"mappings":"AAAQ","file":"index.css"}

package/dist/index.d.cts

@@ -1,217 +0,0 @@
-import * as React from 'react';
-import React__default from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare enum ContainerType {
-    File = 0,
-    Folder = 1,
-    Root = 2
-}
-
-/**
- * Represents an Auto-generated model for ContainerDTO.
- */
-interface IContainerDTO {
-    Id: string;
-    ContainerType: ContainerType;
-    Name?: string;
-    ContentType?: string;
-    PublicUrl?: string;
-    CreatedDate: string;
-    FileSize: number;
-    UserId: string;
-    ParentContainerId: string;
-}
-type ContainerDTOInit = Partial<IContainerDTO> & Pick<IContainerDTO, "Id" | "ContainerType" | "CreatedDate" | "FileSize" | "UserId" | "ParentContainerId">;
-declare class ContainerDTO implements IContainerDTO {
-    Id: string;
-    ContainerType: ContainerType;
-    Name?: string;
-    ContentType?: string;
-    PublicUrl?: string;
-    CreatedDate: string;
-    FileSize: number;
-    UserId: string;
-    ParentContainerId: string;
-    constructor(init: ContainerDTOInit);
-}
-
-/**
-* Auto-generated client for the Container controller.
-*/
-declare class Container {
-    private baseUrl;
-    constructor(baseUrl: string);
-    ReadChildrenByContainerId(parentId: string): Promise<ContainerDTO[]>;
-    ReadRootContainers(): Promise<ContainerDTO[]>;
-    Read(id: string): Promise<ContainerDTO>;
-    Create(containerDTO: ContainerDTO): Promise<ContainerDTO>;
-    Update(containerDTO: ContainerDTO): Promise<ContainerDTO>;
-    DeleteContainer(id: string): Promise<ContainerDTO>;
-    CreateFileContainer(fileName: string, size: number, contentType: string): Promise<ContainerDTO>;
-}
-
-/**
-* Auto-generated client for the Home controller.
-*/
-declare class Home {
-    private baseUrl;
-    constructor(baseUrl: string);
-}
-
-/**
- * Represents an Auto-generated model for AWSPresignedUrlDTO.
- */
-interface IAWSPresignedUrlDTO {
-    PresignedUrl?: string;
-    PublicUrl?: string;
-    Key?: string;
-}
-type AWSPresignedUrlDTOInit = Partial<IAWSPresignedUrlDTO>;
-declare class AWSPresignedUrlDTO implements IAWSPresignedUrlDTO {
-    PresignedUrl?: string;
-    PublicUrl?: string;
-    Key?: string;
-    constructor(init: AWSPresignedUrlDTOInit);
-}
-
-/**
- * Represents an Auto-generated model for TemporaryFileDTO.
- */
-interface ITemporaryFileDTO {
-    Name?: string;
-    ContentType?: string;
-}
-type TemporaryFileDTOInit = Partial<ITemporaryFileDTO>;
-declare class TemporaryFileDTO implements ITemporaryFileDTO {
-    Name?: string;
-    ContentType?: string;
-    constructor(init: TemporaryFileDTOInit);
-}
-
-/**
-* Auto-generated client for the S3 controller.
-*/
-declare class S3 {
-    private baseUrl;
-    constructor(baseUrl: string);
-    DeleteS3(containerDTO: ContainerDTO): Promise<ContainerDTO>;
-    GetPreSignedUrl(containerDTO: ContainerDTO): Promise<AWSPresignedUrlDTO>;
-    GetTemporaryPreSignedUrl(temporaryFileDTO: TemporaryFileDTO): Promise<AWSPresignedUrlDTO>;
-}
-
-/**
-* Auto-generated API client.
-*/
-declare class SparkStudioStorageSDK {
-    container: Container;
-    home: Home;
-    s3: S3;
-    constructor(baseUrl: string);
-}
-
-interface ContainerUploadPanelProps {
-    /** Base URL for the Container API (the SDK you pasted). */
-    containerApiBaseUrl: string;
-    /** Base URL for your storage / presign endpoint (used by getPresignedUrl). */
-    storageApiBaseUrl: string;
-    /** Optional parent container – if set, we query children instead of roots. */
-    parentContainerId?: string;
-}
-declare const ContainerUploadPanel: React__default.FC<ContainerUploadPanelProps>;
-
-interface DesktopFileIconProps {
-    name?: string | null;
-    sizeBytes?: number | null;
-    downloadUrl?: string | null;
-    /** Double-click / open action */
-    onOpen?: () => void;
-    /** Delete action (can be async) */
-    onDelete?: () => Promise<void> | void;
-}
-declare const DesktopFileIcon: React__default.FC<DesktopFileIconProps>;
-
-interface SingleFileProcessUploaderProps {
-    getPresignedUrl: (file: File) => Promise<AWSPresignedUrlDTO>;
-    onUploadComplete?: (file: File, s3Url: AWSPresignedUrlDTO) => void;
-    accept?: string;
-    label?: string;
-    disabled?: boolean;
-}
-declare const SingleFileProcessUploader: React__default.FC<SingleFileProcessUploaderProps>;
-
-interface UploadContainerProps {
-    multiple?: boolean;
-    accept?: string;
-    onFilesSelected?: (files: FileList) => void;
-    existingFiles?: ContainerDTO[];
-    existingFilesLoading?: boolean;
-    onExistingFileClick?: (file: ContainerDTO) => void;
-    /** Called when user chooses "Delete file" from the context menu */
-    onDeleteFile?: (file: ContainerDTO) => void;
-    autoUpload?: boolean;
-    getPresignedUrl?: (file: File) => Promise<AWSPresignedUrlDTO>;
-    onUploadComplete?: (file: File, s3Url: string) => void;
-    onUploadError?: (file: File, error: Error) => void;
-}
-declare const UploadContainer: React__default.FC<UploadContainerProps>;
-
-interface UploadDropzoneProps {
-    isDragging: boolean;
-    onDragOver?: (e: React__default.DragEvent<HTMLDivElement>) => void;
-    onDragLeave?: (e: React__default.DragEvent<HTMLDivElement>) => void;
-    onDrop?: (e: React__default.DragEvent<HTMLDivElement>) => void;
-    className?: string;
-    style?: React__default.CSSProperties;
-    children?: React__default.ReactNode;
-}
-declare const UploadDropzone: React__default.FC<UploadDropzoneProps>;
-
-type UploadStatus = "pending" | "uploading" | "success" | "error";
-interface UploadState {
-    id: string;
-    file: File;
-    progress: number;
-    status: UploadStatus;
-    error?: string;
-    s3Url?: string;
-    publicUrl?: string;
-}
-
-interface UploadProgressListProps {
-    uploads: UploadState[];
-}
-declare const UploadProgressList: React__default.FC<UploadProgressListProps>;
-
-/**
- * Helper: upload a file to a pre-signed S3 URL with progress + retries.
- */
-declare function UploadFileToS3(file: File, presignedUrl: string, onProgress: (progress: number) => void, maxRetries?: number): Promise<void>;
-
-interface UseContainersOptions {
-    apiBaseUrl: string;
-    parentId?: string;
-}
-declare function UseContainers({ apiBaseUrl, parentId }: UseContainersOptions): {
-    containers: ContainerDTO[];
-    setContainers: React.Dispatch<React.SetStateAction<ContainerDTO[]>>;
-    loading: boolean;
-    error: Error | null;
-    reload: () => Promise<void>;
-};
-
-interface UseUploadManagerOptions {
-    autoUpload?: boolean;
-    getPresignedUrl?: (file: File) => Promise<AWSPresignedUrlDTO>;
-    onUploadComplete?: (file: File, s3Url: string) => void;
-    onUploadError?: (file: File, error: Error) => void;
-}
-declare function UseUploadManager({ autoUpload, getPresignedUrl, onUploadComplete, onUploadError, }: UseUploadManagerOptions): {
-    uploads: UploadState[];
-    startUploadsIfNeeded: (files: FileList) => void;
-    resetUploads: () => void;
-};
-
-declare function HomeView(): react_jsx_runtime.JSX.Element;
-
-export { AWSPresignedUrlDTO, Container, ContainerDTO, ContainerType, ContainerUploadPanel, DesktopFileIcon, type DesktopFileIconProps, Home, HomeView, type IAWSPresignedUrlDTO, type IContainerDTO, type ITemporaryFileDTO, S3, SingleFileProcessUploader, type SingleFileProcessUploaderProps, SparkStudioStorageSDK, TemporaryFileDTO, UploadContainer, type UploadContainerProps, UploadDropzone, UploadFileToS3, UploadProgressList, type UploadState, type UploadStatus, UseContainers, UseUploadManager };

package/dist/index.d.ts

@@ -1,217 +0,0 @@
-import * as React from 'react';
-import React__default from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare enum ContainerType {
-    File = 0,
-    Folder = 1,
-    Root = 2
-}
-
-/**
- * Represents an Auto-generated model for ContainerDTO.
- */
-interface IContainerDTO {
-    Id: string;
-    ContainerType: ContainerType;
-    Name?: string;
-    ContentType?: string;
-    PublicUrl?: string;
-    CreatedDate: string;
-    FileSize: number;
-    UserId: string;
-    ParentContainerId: string;
-}
-type ContainerDTOInit = Partial<IContainerDTO> & Pick<IContainerDTO, "Id" | "ContainerType" | "CreatedDate" | "FileSize" | "UserId" | "ParentContainerId">;
-declare class ContainerDTO implements IContainerDTO {
-    Id: string;
-    ContainerType: ContainerType;
-    Name?: string;
-    ContentType?: string;
-    PublicUrl?: string;
-    CreatedDate: string;
-    FileSize: number;
-    UserId: string;
-    ParentContainerId: string;
-    constructor(init: ContainerDTOInit);
-}
-
-/**
-* Auto-generated client for the Container controller.
-*/
-declare class Container {
-    private baseUrl;
-    constructor(baseUrl: string);
-    ReadChildrenByContainerId(parentId: string): Promise<ContainerDTO[]>;
-    ReadRootContainers(): Promise<ContainerDTO[]>;
-    Read(id: string): Promise<ContainerDTO>;
-    Create(containerDTO: ContainerDTO): Promise<ContainerDTO>;
-    Update(containerDTO: ContainerDTO): Promise<ContainerDTO>;
-    DeleteContainer(id: string): Promise<ContainerDTO>;
-    CreateFileContainer(fileName: string, size: number, contentType: string): Promise<ContainerDTO>;
-}
-
-/**
-* Auto-generated client for the Home controller.
-*/
-declare class Home {
-    private baseUrl;
-    constructor(baseUrl: string);
-}
-
-/**
- * Represents an Auto-generated model for AWSPresignedUrlDTO.
- */
-interface IAWSPresignedUrlDTO {
-    PresignedUrl?: string;
-    PublicUrl?: string;
-    Key?: string;
-}
-type AWSPresignedUrlDTOInit = Partial<IAWSPresignedUrlDTO>;
-declare class AWSPresignedUrlDTO implements IAWSPresignedUrlDTO {
-    PresignedUrl?: string;
-    PublicUrl?: string;
-    Key?: string;
-    constructor(init: AWSPresignedUrlDTOInit);
-}
-
-/**
- * Represents an Auto-generated model for TemporaryFileDTO.
- */
-interface ITemporaryFileDTO {
-    Name?: string;
-    ContentType?: string;
-}
-type TemporaryFileDTOInit = Partial<ITemporaryFileDTO>;
-declare class TemporaryFileDTO implements ITemporaryFileDTO {
-    Name?: string;
-    ContentType?: string;
-    constructor(init: TemporaryFileDTOInit);
-}
-
-/**
-* Auto-generated client for the S3 controller.
-*/
-declare class S3 {
-    private baseUrl;
-    constructor(baseUrl: string);
-    DeleteS3(containerDTO: ContainerDTO): Promise<ContainerDTO>;
-    GetPreSignedUrl(containerDTO: ContainerDTO): Promise<AWSPresignedUrlDTO>;
-    GetTemporaryPreSignedUrl(temporaryFileDTO: TemporaryFileDTO): Promise<AWSPresignedUrlDTO>;
-}
-
-/**
-* Auto-generated API client.
-*/
-declare class SparkStudioStorageSDK {
-    container: Container;
-    home: Home;
-    s3: S3;
-    constructor(baseUrl: string);
-}
-
-interface ContainerUploadPanelProps {
-    /** Base URL for the Container API (the SDK you pasted). */
-    containerApiBaseUrl: string;
-    /** Base URL for your storage / presign endpoint (used by getPresignedUrl). */
-    storageApiBaseUrl: string;
-    /** Optional parent container – if set, we query children instead of roots. */
-    parentContainerId?: string;
-}
-declare const ContainerUploadPanel: React__default.FC<ContainerUploadPanelProps>;
-
-interface DesktopFileIconProps {
-    name?: string | null;
-    sizeBytes?: number | null;
-    downloadUrl?: string | null;
-    /** Double-click / open action */
-    onOpen?: () => void;
-    /** Delete action (can be async) */
-    onDelete?: () => Promise<void> | void;
-}
-declare const DesktopFileIcon: React__default.FC<DesktopFileIconProps>;
-
-interface SingleFileProcessUploaderProps {
-    getPresignedUrl: (file: File) => Promise<AWSPresignedUrlDTO>;
-    onUploadComplete?: (file: File, s3Url: AWSPresignedUrlDTO) => void;
-    accept?: string;
-    label?: string;
-    disabled?: boolean;
-}
-declare const SingleFileProcessUploader: React__default.FC<SingleFileProcessUploaderProps>;
-
-interface UploadContainerProps {
-    multiple?: boolean;
-    accept?: string;
-    onFilesSelected?: (files: FileList) => void;
-    existingFiles?: ContainerDTO[];
-    existingFilesLoading?: boolean;
-    onExistingFileClick?: (file: ContainerDTO) => void;
-    /** Called when user chooses "Delete file" from the context menu */
-    onDeleteFile?: (file: ContainerDTO) => void;
-    autoUpload?: boolean;
-    getPresignedUrl?: (file: File) => Promise<AWSPresignedUrlDTO>;
-    onUploadComplete?: (file: File, s3Url: string) => void;
-    onUploadError?: (file: File, error: Error) => void;
-}
-declare const UploadContainer: React__default.FC<UploadContainerProps>;
-
-interface UploadDropzoneProps {
-    isDragging: boolean;
-    onDragOver?: (e: React__default.DragEvent<HTMLDivElement>) => void;
-    onDragLeave?: (e: React__default.DragEvent<HTMLDivElement>) => void;
-    onDrop?: (e: React__default.DragEvent<HTMLDivElement>) => void;
-    className?: string;
-    style?: React__default.CSSProperties;
-    children?: React__default.ReactNode;
-}
-declare const UploadDropzone: React__default.FC<UploadDropzoneProps>;
-
-type UploadStatus = "pending" | "uploading" | "success" | "error";
-interface UploadState {
-    id: string;
-    file: File;
-    progress: number;
-    status: UploadStatus;
-    error?: string;
-    s3Url?: string;
-    publicUrl?: string;
-}
-
-interface UploadProgressListProps {
-    uploads: UploadState[];
-}
-declare const UploadProgressList: React__default.FC<UploadProgressListProps>;
-
-/**
- * Helper: upload a file to a pre-signed S3 URL with progress + retries.
- */
-declare function UploadFileToS3(file: File, presignedUrl: string, onProgress: (progress: number) => void, maxRetries?: number): Promise<void>;
-
-interface UseContainersOptions {
-    apiBaseUrl: string;
-    parentId?: string;
-}
-declare function UseContainers({ apiBaseUrl, parentId }: UseContainersOptions): {
-    containers: ContainerDTO[];
-    setContainers: React.Dispatch<React.SetStateAction<ContainerDTO[]>>;
-    loading: boolean;
-    error: Error | null;
-    reload: () => Promise<void>;
-};
-
-interface UseUploadManagerOptions {
-    autoUpload?: boolean;
-    getPresignedUrl?: (file: File) => Promise<AWSPresignedUrlDTO>;
-    onUploadComplete?: (file: File, s3Url: string) => void;
-    onUploadError?: (file: File, error: Error) => void;
-}
-declare function UseUploadManager({ autoUpload, getPresignedUrl, onUploadComplete, onUploadError, }: UseUploadManagerOptions): {
-    uploads: UploadState[];
-    startUploadsIfNeeded: (files: FileList) => void;
-    resetUploads: () => void;
-};
-
-declare function HomeView(): react_jsx_runtime.JSX.Element;
-
-export { AWSPresignedUrlDTO, Container, ContainerDTO, ContainerType, ContainerUploadPanel, DesktopFileIcon, type DesktopFileIconProps, Home, HomeView, type IAWSPresignedUrlDTO, type IContainerDTO, type ITemporaryFileDTO, S3, SingleFileProcessUploader, type SingleFileProcessUploaderProps, SparkStudioStorageSDK, TemporaryFileDTO, UploadContainer, type UploadContainerProps, UploadDropzone, UploadFileToS3, UploadProgressList, type UploadState, type UploadStatus, UseContainers, UseUploadManager };