From f920f7969f509235bb8f0cf2deb2087d2865bfeb Mon Sep 17 00:00:00 2001
From: Stanislav Romanov <kaermorchen@gmail.com>
Date: Sat, 10 Sep 2022 18:14:42 +0300
Subject: [PATCH] Add clear button to sort popup

---
 app/components/divider.hbs                    |  2 +-
 .../admin/indexes/item/documents/index.hbs    | 19 +++++++++++++++++--
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/app/components/divider.hbs b/app/components/divider.hbs
index ca66f1c..75aa08e 100644
--- a/app/components/divider.hbs
+++ b/app/components/divider.hbs
@@ -1 +1 @@
-<div class="border-b my-4"/>
+<div class="border-b my-4" ...attributes/>
diff --git a/app/templates/admin/indexes/item/documents/index.hbs b/app/templates/admin/indexes/item/documents/index.hbs
index 8acd955..e9376af 100644
--- a/app/templates/admin/indexes/item/documents/index.hbs
+++ b/app/templates/admin/indexes/item/documents/index.hbs
@@ -36,6 +36,16 @@
               </div>
             </options.Option>
           {{/each}}
+
+          <Divider class="my-1"/>
+
+          <options.Option @value={{null}} class='outline-none'>
+            <div
+              class='flex items-center px-4 py-2 text-sm hover:bg-base-6 hover:text-base-1 cursor-pointer'
+            >
+              Clear
+            </div>
+          </options.Option>
         </listbox.Options>
       </Listbox>
     </div>
@@ -59,7 +69,7 @@
               @checked={{not (includes item this.hiddenFields)}}
               @label={{namelize item}}
               @onChange={{fn this.toggleHiddenField item}}
-              class="w-full whitespace-nowrap"
+              class='w-full whitespace-nowrap'
             />
           </div>
         {{/each}}
@@ -103,7 +113,12 @@
       </Column>
     {{/if}}
     {{#each this.attributes as |field|}}
-      {{#if (and (not-eq field @model.index.primaryKey) (not (includes field this.hiddenFields)))}}
+      {{#if
+        (and
+          (not-eq field @model.index.primaryKey)
+          (not (includes field this.hiddenFields))
+        )
+      }}
         <Column
           @name={{capitalize field}}
           @prop={{field}}