Sign In

@uipath/ui-widgets-multi-file-upload

Package Overview
Dependencies
Maintainers
18
Versions
3
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install
This package has malicious versions linked to the ongoing "Mini Shai-Hulud" supply chain attack.

Affected versions:

1.0.1
View campaign page

@uipath/ui-widgets-multi-file-upload

A React component for uploading multiple files simultaneously to UiPath Orchestrator Storage Bucket

latest
Source
npmnpm
Version
1.0.0
Version published
Weekly downloads
7
-41.67%
Maintainers
18
Weekly downloads
 
Created
Source

@uipath/ui-widgets-multi-file-upload

A React multi-file-upload widget for uploading multiple files simultaneously to UiPath Orchestrator's Storage bucket.

Installation

npm install @uipath/ui-widgets-multi-file-upload

Features

  • Upload multiple files simultaneously
  • Drag and drop support
  • File type validation via accept attribute
  • File size validation
  • Error handling
  • Built on Apollo Wind FileUpload component

Usage

Note: Add either light or dark class to your HTML <body> element to enable proper theming.

import { MultiFileUpload } from "@uipath/ui-widgets-multi-file-upload";
import "@uipath/ui-widgets-multi-file-upload/MultiFileUpload.css";
import { UiPath } from "@uipath/uipath-typescript";

function App() {
  const sdk = new UiPath({
    // SDK configuration
  });

  const handleUploadError = (error: Error) => {
    console.error("Upload failed:", error);
  };

  const handleUploadSuccess = (uploadedFiles: File[]) => {
    console.log(
      "Successfully uploaded:",
      uploadedFiles.map((f) => f.name),
    );
  };

  return (
    <MultiFileUpload
      sdk={sdk}
      bucketId={123}
      folderId={456}
      path="uploads/"
      onUploadError={handleUploadError}
      onUploadSuccess={handleUploadSuccess}
      maxFileSizeInMb={10}
      accept=".pdf,.jpg,.png"
    />
  );
}

Props

MultiFileUpload

PropTypeRequiredDescription
sdkUiPathYesUiPath SDK instance
bucketIdnumberYesThe ID of the Orchestrator Storage Bucket to upload files to
folderIdnumberYesThe ID of the folder containing the Storage Bucket
pathstringNoPath prefix for uploaded files (e.g., "uploads/")
onUploadError(error: Error) => voidNoCallback function called when upload fails
onUploadSuccess(uploadedFiles: File[]) => voidNoCallback function called when files are successfully uploaded
maxFileSizeInMbnumberNoMaximum file size in megabytes
acceptstringNoAccepted file types (comma-separated MIME types or extensions). See MDN documentation for details

Example with Options

<MultiFileUpload
  sdk={sdk}
  bucketId={123}
  folderId={456}
  path="documents/"
  onUploadError={(error) => console.error("Upload failed:", error)}
  onUploadSuccess={(files) => console.log("Uploaded:", files.length, "files")}
  maxFileSizeInMb={5}
  accept=".pdf,.docx,.xlsx"
/>

Requirements

  • React 19.2.0+
  • React DOM 19.2.0+
  • @uipath/uipath-typescript
  • @uipath/apollo-wind

License

MIT

Keywords

react

FAQs

Package last updated on 24 Feb 2026

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts