@sparkstudio/storage-ui 1.0.22 → 1.0.23

package/dist/index.cjs

@@ -898,7 +898,13 @@ var UploadContainer = ({
             {
               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)(
+              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",
@@ -1245,7 +1251,6 @@ function HomeContent() {
       /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         SingleFileProcessUploader,
         {
-          label: "Upload a file to process",
           accept: "*/*",
           getPresignedUrl: getPresignedUrlFromApi,
           onUploadComplete: (file, s3Url) => {

package/dist/index.css

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

package/dist/index.css.map

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

package/dist/index.d.cts

@@ -0,0 +1,216 @@
+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;
+    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

@@ -0,0 +1,216 @@
+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;
+    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.js

@@ -865,7 +865,13 @@ var UploadContainer = ({
             {
               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(
+              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",
@@ -1217,7 +1223,6 @@ function HomeContent() {
       /* @__PURE__ */ jsx7(
         SingleFileProcessUploader,
         {
-          label: "Upload a file to process",
           accept: "*/*",
           getPresignedUrl: getPresignedUrlFromApi,
           onUploadComplete: (file, s3Url) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sparkstudio/storage-ui",
-  "version": "1.0.22",
+  "version": "1.0.23",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",