@sqlrooms/dropzone 0.5.1 → 0.7.0

package/README.md

@@ -0,0 +1,107 @@
+This package is part of the SQLRooms framework.
+
+A flexible file upload component for SQLRooms applications that provides drag-and-drop functionality for files. This package makes it easy to handle file uploads with a modern, user-friendly interface.
+
+## Features
+
+- 📁 **Drag and Drop**: Intuitive drag-and-drop file upload interface
+- 📋 **File Selection**: Traditional file selection dialog support
+- 🔍 **File Validation**: Validate file types and sizes
+- 📊 **Upload Progress**: Track and display upload progress
+- 🎨 **Customizable**: Flexible styling and configuration options
+- 🧩 **React Integration**: Seamless integration with React applications
+
+## Installation
+
+```bash
+npm install @sqlrooms/dropzone
+# or
+yarn add @sqlrooms/dropzone
+```
+
+## Basic Usage
+
+### Simple File Dropzone
+
+```tsx
+import {FileDropzone} from '@sqlrooms/dropzone';
+
+function MyFileUploader() {
+  const handleFileDrop = (files) => {
+    console.log('Files dropped:', files);
+    // Process the files...
+  };
+
+  return (
+    <FileDropzone
+      onFileDrop={handleFileDrop}
+      accept=".csv,.json,.xlsx"
+      maxSize={10 * 1024 * 1024} // 10MB
+    />
+  );
+}
+```
+
+### With Custom Styling
+
+```tsx
+import {FileDropzone} from '@sqlrooms/dropzone';
+
+function CustomStyledDropzone() {
+  return (
+    <FileDropzone
+      onFileDrop={handleFiles}
+      className="border-2 border-dashed border-blue-400 rounded-lg p-8 hover:border-blue-600 transition-colors"
+      activeClassName="border-green-500 bg-green-50"
+      rejectClassName="border-red-500 bg-red-50"
+      dragMessage="Drop your files here"
+      idleMessage="Drag files or click to upload"
+      rejectMessage="File type not supported"
+    />
+  );
+}
+```
+
+### With File Type Validation
+
+```tsx
+import {FileDropzone} from '@sqlrooms/dropzone';
+
+function DataFileUploader() {
+  const handleFileDrop = (files) => {
+    // Process data files...
+  };
+
+  return (
+    <div className="p-4 border rounded-lg">
+      <h2 className="text-xl font-bold mb-2">Upload Data Files</h2>
+      <p className="mb-4 text-gray-600">
+        Supported formats: CSV, JSON, Excel, Parquet
+      </p>
+      <FileDropzone
+        onFileDrop={handleFileDrop}
+        accept={{
+          'text/csv': ['.csv'],
+          'application/json': ['.json'],
+          'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': [
+            '.xlsx',
+          ],
+          'application/octet-stream': ['.parquet'],
+        }}
+        maxFiles={5}
+        maxSize={50 * 1024 * 1024} // 50MB
+      />
+    </div>
+  );
+}
+```
+
+## Advanced Features
+
+- **Multiple File Upload**: Support for uploading multiple files at once
+- **File Preview**: Preview files before uploading
+- **Custom Validation**: Define custom validation rules for files
+- **Upload Cancellation**: Cancel ongoing uploads
+- **Accessibility**: Fully accessible interface with keyboard support
+
+For more information, visit the SQLRooms documentation.

package/dist/index.d.ts

@@ -1,2 +1,6 @@
+/**
+ * {@include ../README.md}
+ * @packageDocumentation
+ */
 export * from './file-dropzone';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,iBAAiB,CAAC"}

package/dist/index.js

@@ -1,2 +1,6 @@
+/**
+ * {@include ../README.md}
+ * @packageDocumentation
+ */
 export * from './file-dropzone';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC","sourcesContent":["export * from './file-dropzone';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,iBAAiB,CAAC","sourcesContent":["/**\n * {@include ../README.md}\n * @packageDocumentation\n */\n\nexport * from './file-dropzone';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sqlrooms/dropzone",
-  "version": "0.5.1",
+  "version": "0.7.0",
   "type": "module",
   "private": false,
   "author": "Ilya Boyandin <ilya@boyandin.me>",
@@ -32,9 +32,9 @@
     "typedoc": "typedoc"
   },
   "dependencies": {
-    "@sqlrooms/ui": "0.5.1",
+    "@sqlrooms/ui": "0.7.0",
     "lucide-react": "^0.474.0",
     "react-dropzone": "^14.3.5"
   },
-  "gitHead": "5e41362f1552ee1f8a661c487fe7cdb606cc6d23"
+  "gitHead": "8be65f051c588d3a963f721322429657913b6c63"
 }