From 85696ed6493fe348bb29be682e6a3ee91f43aa64 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Sat, 19 Feb 2022 17:43:30 -0800
Subject: [PATCH] feat(file-uploader): add disabled prop

---
 src/FileUploader/FileUploader.svelte | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/FileUploader/FileUploader.svelte b/src/FileUploader/FileUploader.svelte
index 05930c09..b661ab75 100644
--- a/src/FileUploader/FileUploader.svelte
+++ b/src/FileUploader/FileUploader.svelte
@@ -11,6 +11,9 @@
    */
   export let status = "uploading";
 
+  /** Set to `true` to disable the file uploader */
+  export let disabled = false;
+
   /**
    * Specify the accepted file types
    * @type {string[]}
@@ -99,9 +102,20 @@
   on:mouseenter
   on:mouseleave
 >
-  <p class:bx--file--label="{true}">{labelTitle}</p>
-  <p class:bx--label-description="{true}">{labelDescription}</p>
+  <p
+    class:bx--file--label="{true}"
+    class:bx--label-description--disabled="{disabled}"
+  >
+    {labelTitle}
+  </p>
+  <p
+    class:bx--label-description="{true}"
+    class:bx--label-description--disabled="{disabled}"
+  >
+    {labelDescription}
+  </p>
   <FileUploaderButton
+    disabled="{disabled}"
     disableLabelChanges
     labelText="{buttonLabel}"
     accept="{accept}"