From bcc2bbb70b717636066771c5eb0b8800e01d8550 Mon Sep 17 00:00:00 2001
From: Lawrence Wagerfield <lawrence@projectone.io>
Date: Tue, 6 Dec 2022 21:13:24 +0000
Subject: [PATCH] Release 2.2.0

---
 README.md              | 10 +++++-----
 package-lock.json      | 18 +++++++++---------
 package.json           |  4 ++--
 src/UploadDropzone.vue |  2 +-
 4 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/README.md b/README.md
index 9f25f50..f6a8afc 100644
--- a/README.md
+++ b/README.md
@@ -183,12 +183,13 @@ Create a file upload dropzone using the `UploadDropzone` component:
 <script>
 import { Uploader } from "uploader";
 import { UploadDropzone } from "@upload-io/vue-uploader";
+import type { UploaderOptions, UploaderResult } from "uploader";
 
 // One instance per app.
 const uploader = Uploader({ apiKey: "free" });
 
 // See "customization" below.
-const options = {
+const options: UploaderOptions = {
   multi: true
 };
 
@@ -204,12 +205,11 @@ export default {
     };
   },
   methods: {
-    onFileUploaded: (files) => {
+    onFileUploaded: (files: UploaderResult[]) => {
       if (files.length === 0) {
-        console.log("No files selected.");
+        alert("No files selected.");
       } else {
-        console.log("Files uploaded:");
-        console.log(files.map(f => f.fileUrl));
+        alert(files.map(f => f.fileUrl).join("\n"));
       }
     }
   }
diff --git a/package-lock.json b/package-lock.json
index 1595117..c826a2e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,15 +1,15 @@
 {
   "name": "@upload-io/vue-uploader",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@upload-io/vue-uploader",
-      "version": "2.0.0",
+      "version": "2.1.0",
       "license": "MIT",
       "dependencies": {
-        "uploader": "^2.6.0"
+        "uploader": "^2.7.0"
       },
       "devDependencies": {
         "@babel/cli": "7.17.6",
@@ -13430,9 +13430,9 @@
       }
     },
     "node_modules/uploader": {
-      "version": "2.6.4",
-      "resolved": "https://registry.npmjs.org/uploader/-/uploader-2.6.4.tgz",
-      "integrity": "sha512-1/L6bXPGIQphexjN5yo4DjygYhOs7UAgiFI/a9fdTjZVhUpdKvOcYOYx0s6SyfQsi1ajc2xWwXUKMnQfaYMzUw==",
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/uploader/-/uploader-2.7.0.tgz",
+      "integrity": "sha512-q9GlyvsLyhamEnYtL3HRt4G1MjkmySG+fQSGzYXoY+P9jBSl/f8hQ+bt89fsigfz0/KMtZHvlQrzhdqoblm8DQ==",
       "dependencies": {
         "classnames": "^2.2.6",
         "preact": "^10.6.5",
@@ -25007,9 +25007,9 @@
       }
     },
     "uploader": {
-      "version": "2.6.4",
-      "resolved": "https://registry.npmjs.org/uploader/-/uploader-2.6.4.tgz",
-      "integrity": "sha512-1/L6bXPGIQphexjN5yo4DjygYhOs7UAgiFI/a9fdTjZVhUpdKvOcYOYx0s6SyfQsi1ajc2xWwXUKMnQfaYMzUw==",
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/uploader/-/uploader-2.7.0.tgz",
+      "integrity": "sha512-q9GlyvsLyhamEnYtL3HRt4G1MjkmySG+fQSGzYXoY+P9jBSl/f8hQ+bt89fsigfz0/KMtZHvlQrzhdqoblm8DQ==",
       "requires": {
         "classnames": "^2.2.6",
         "preact": "^10.6.5",
diff --git a/package.json b/package.json
index eb295df..1b8ecd4 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@upload-io/vue-uploader",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "author": "Upload <hello@upload.io> (https://upload.io)",
   "description": "Vue File Upload UI Widget — Lightweight & supports: drag and drop, multiple uploads, image cropping, customization & more 🚀 Comes with Cloud Storage 🌐",
   "license": "MIT",
@@ -75,7 +75,7 @@
     "vue": ">=3.0.0"
   },
   "dependencies": {
-    "uploader": "^2.6.0"
+    "uploader": "^2.7.0"
   },
   "devDependencies": {
     "@babel/cli": "7.17.6",
diff --git a/src/UploadDropzone.vue b/src/UploadDropzone.vue
index 96d2b33..c27c1fb 100644
--- a/src/UploadDropzone.vue
+++ b/src/UploadDropzone.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     ref="container"
-    :style="{ position: 'relative', width: '100%', maxWidth: widthOrDefault, height: heightOrDefault }"
+    :style="{ position: 'relative', width: '100%', minWidth: '280px', maxWidth: widthOrDefault, height: heightOrDefault }"
   ></div>
 </template>