From ab458926dd63b529bfb13f5608fa2c0eaa1f0e47 Mon Sep 17 00:00:00 2001
From: Tony Miller <mcfiredrill@gmail.com>
Date: Fri, 15 Nov 2019 18:40:38 +0900
Subject: [PATCH 1/5] update docs to use angle bracket syntax

I tried use ember-angle-brackets-codemod, but it didn't seem to work on
.js files. So I edited the doc comments manually.
---
 addon/components/file-dropzone/component.js | 14 +++++++-------
 addon/components/file-upload/component.js   |  8 ++++----
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/addon/components/file-dropzone/component.js b/addon/components/file-dropzone/component.js
index 8a8a233b7..df66a9444 100644
--- a/addon/components/file-dropzone/component.js
+++ b/addon/components/file-dropzone/component.js
@@ -24,7 +24,7 @@ const dragListener = new DragListener();
    drag and drop.
 
   ```hbs
-  {{{#file-dropzone name="photos" as |dropzone queue|}}
+  <FileDropzone @name="photos" as |dropzone queue|>
     {{#if dropzone.active}}
       {{#if dropzone.valid}}
         Drop to upload
@@ -39,15 +39,15 @@ const dragListener = new DragListener();
         {{#if dropzone.supported}}
           Drag and drop images onto this area to upload them or
         {{/if}}
-        {{#file-upload name="photos"
-                      accept="image/*"
-                      multiple=true
-                      onfileadd=(action "uploadImage")}}
+        <FileUpload name="photos"
+                    accept="image/*"
+                    multiple=true
+                    @onfileadd={{action "uploadImage"}}>
           <a id="upload-image" tabindex=0>Add an Image.</a>
-        {{/file-upload}}
+        </FileUpload>
       </p>
     {{/if}}
-  {{/file-dropzone}}
+  </FileDropzone>
   ```
 
   ```js
diff --git a/addon/components/file-upload/component.js b/addon/components/file-upload/component.js
index cd904181b..c2a49ad66 100644
--- a/addon/components/file-upload/component.js
+++ b/addon/components/file-upload/component.js
@@ -29,16 +29,16 @@ import uuid from '../../system/uuid';
       <label for='name'>
       {{input type='string' value=changeset.name id='name'}}
 
-      {{#file-upload name="avatar"
-                     accept="image/*"
-                     onfileadd=(action 'setAvatar' changeset)}}
+      <FileUpload name="avatar"
+                  accept="image/*"
+                  @onfileadd={{action 'setAvatar' changeset}}
         {{#if changeset.avatar}}
           <img src={{changeset.avatar.url}}
           <a id="upload-avatar" tabindex=0>Add a photo of yourself</a>
         {{else}}
           <a id="upload-avatar" tabindex=0>Add a photo of yourself</a>
         {{/if}}
-      {{/file-upload}}
+      </FileUpload>
     </form>
   {{/with}}
   ```

From 0027111f2e39954d23ff49a188f9e0a0423ae493 Mon Sep 17 00:00:00 2001
From: Tony Miller <mcfiredrill@gmail.com>
Date: Tue, 19 Nov 2019 09:37:08 +0900
Subject: [PATCH 2/5] Update addon/components/file-dropzone/component.js

---
 addon/components/file-dropzone/component.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/addon/components/file-dropzone/component.js b/addon/components/file-dropzone/component.js
index df66a9444..50fb1f4b2 100644
--- a/addon/components/file-dropzone/component.js
+++ b/addon/components/file-dropzone/component.js
@@ -39,7 +39,7 @@ const dragListener = new DragListener();
         {{#if dropzone.supported}}
           Drag and drop images onto this area to upload them or
         {{/if}}
-        <FileUpload name="photos"
+        <FileUpload @name="photos"
                     accept="image/*"
                     multiple=true
                     @onfileadd={{action "uploadImage"}}>

From aa98e71541a82b5344b63c71b65e86efe44f9a45 Mon Sep 17 00:00:00 2001
From: Tony Miller <mcfiredrill@gmail.com>
Date: Fri, 29 Nov 2019 01:47:44 +0900
Subject: [PATCH 3/5] prefix @ arguments in angle bracket component examples

---
 addon/components/file-dropzone/component.js | 4 ++--
 addon/components/file-upload/component.js   | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/addon/components/file-dropzone/component.js b/addon/components/file-dropzone/component.js
index 50fb1f4b2..cc7bd56c1 100644
--- a/addon/components/file-dropzone/component.js
+++ b/addon/components/file-dropzone/component.js
@@ -40,8 +40,8 @@ const dragListener = new DragListener();
           Drag and drop images onto this area to upload them or
         {{/if}}
         <FileUpload @name="photos"
-                    accept="image/*"
-                    multiple=true
+                    @accept="image/*"
+                    @multiple=true
                     @onfileadd={{action "uploadImage"}}>
           <a id="upload-image" tabindex=0>Add an Image.</a>
         </FileUpload>
diff --git a/addon/components/file-upload/component.js b/addon/components/file-upload/component.js
index c2a49ad66..1d3c5fd8f 100644
--- a/addon/components/file-upload/component.js
+++ b/addon/components/file-upload/component.js
@@ -29,8 +29,8 @@ import uuid from '../../system/uuid';
       <label for='name'>
       {{input type='string' value=changeset.name id='name'}}
 
-      <FileUpload name="avatar"
-                  accept="image/*"
+      <FileUpload @name="avatar"
+                  @accept="image/*"
                   @onfileadd={{action 'setAvatar' changeset}}
         {{#if changeset.avatar}}
           <img src={{changeset.avatar.url}}

From 56c59a4c50d3eba67127b26405cfb81f03630a1b Mon Sep 17 00:00:00 2001
From: Tony Miller <mcfiredrill@gmail.com>
Date: Tue, 22 Jun 2021 08:40:22 +0900
Subject: [PATCH 4/5] Update addon/components/file-dropzone/component.js

Co-authored-by: Giles Thompson <giles@papaiti.com>
---
 addon/components/file-dropzone/component.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/addon/components/file-dropzone/component.js b/addon/components/file-dropzone/component.js
index b2780adbb..4b11e8374 100644
--- a/addon/components/file-dropzone/component.js
+++ b/addon/components/file-dropzone/component.js
@@ -44,7 +44,7 @@ const dragListener = new DragListener();
         <FileUpload @name="photos"
                     @accept="image/*"
                     @multiple=true
-                    @onfileadd={{action "uploadImage"}}>
+                    @onFileAdd={{this.uploadImage}}>
           <a id="upload-image" tabindex=0>Add an Image.</a>
         </FileUpload>
       </p>

From 9b6a103ca3fdf2070e79141e1175cf6a0f0cb0ba Mon Sep 17 00:00:00 2001
From: Tony Miller <mcfiredrill@gmail.com>
Date: Tue, 22 Jun 2021 08:40:46 +0900
Subject: [PATCH 5/5] Update addon/components/file-upload/component.js

Co-authored-by: Giles Thompson <giles@papaiti.com>
---
 addon/components/file-upload/component.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/addon/components/file-upload/component.js b/addon/components/file-upload/component.js
index a5d11b5f5..54e02210d 100644
--- a/addon/components/file-upload/component.js
+++ b/addon/components/file-upload/component.js
@@ -28,7 +28,7 @@ import uuid from '../../system/uuid';
 
       <FileUpload @name="avatar"
                   @accept="image/*"
-                  @onfileadd={{action 'setAvatar' changeset}}
+                  @onFileAdd={{fn this.setAvatar changeset}}>
         {{#if changeset.avatar}}
           <img src={{changeset.avatar.url}} />
           <a id="upload-avatar" tabindex=0>Add a photo of yourself</a>