From 4fe36e887c104d67bc138c2329f493c0b610f94e Mon Sep 17 00:00:00 2001
From: "Ronald A. Richardson" <me@ron.dev>
Date: Wed, 29 May 2024 15:52:16 +0800
Subject: [PATCH] small css fix, and updated filter select component

---
 addon/components/filter/select.hbs |  6 +++---
 addon/components/filter/select.js  |  6 ++++++
 addon/styles/layout/next.css       | 13 ++++++++++++-
 3 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/addon/components/filter/select.hbs b/addon/components/filter/select.hbs
index c928f6d..4c8f3bd 100644
--- a/addon/components/filter/select.hbs
+++ b/addon/components/filter/select.hbs
@@ -1,10 +1,10 @@
 <Select
     @options={{this.options}}
-    @optionLabel={{@filter.optionLabel}}
-    @optionValue={{@filter.optionValue}}
+    @optionLabel={{this.optionLabel}}
+    @optionValue={{this.optionValue}}
     @value={{this.value}}
     @onSelect={{this.onChange}}
-    @placeholder={{@filter.placeholder}}
+    @placeholder={{this.placeholder}}
     class="w-full form-input form-input-sm"
     ...attributes
 />
\ No newline at end of file
diff --git a/addon/components/filter/select.js b/addon/components/filter/select.js
index 36555b9..8667101 100644
--- a/addon/components/filter/select.js
+++ b/addon/components/filter/select.js
@@ -9,6 +9,9 @@ const { assign } = Object;
 export default class FilterSelectComponent extends Component {
     @service fetch;
     @tracked value;
+    @tracked optionLabel;
+    @tracked optionValue;
+    @tracked placeholder;
     @tracked options = [];
     @tracked isLoading = false;
 
@@ -16,6 +19,9 @@ export default class FilterSelectComponent extends Component {
         super(...arguments);
         this.value = this.args.value;
         this.options = isArray(this.args.options) ? this.args.options : [];
+        this.optionLabel = this.args.optionLabel ?? this.args.filterOptionLabel;
+        this.optionValue = this.args.optionValue ?? this.args.filterOptionValue;
+        this.placeholder = this.args.placeholder ?? this.args.filterPlaceholder;
 
         if (typeof this.args.filter?.filterFetchOptions === 'string') {
             this.fetchOptions(this.args.filter?.filterFetchOptions);
diff --git a/addon/styles/layout/next.css b/addon/styles/layout/next.css
index 7892dbc..0fb7390 100644
--- a/addon/styles/layout/next.css
+++ b/addon/styles/layout/next.css
@@ -1076,12 +1076,23 @@ body[data-theme='dark'] .next-content-panel-wrapper .next-content-panel-containe
 
 .next-view-section-footer,
 .next-view-section-subheader {
-    @apply grid grid-cols-2 min-w-full max-w-full border-b border-gray-200 dark:border-gray-700;
+    @apply border-gray-200 dark:border-gray-700;
+    border-bottom-width: 1px;
+    display: flex;
+    min-width: 100%;
+    max-width: 100%;
+    width: 100%;
     box-align: center;
     padding: 0px 24px 0px 36px;
     height: 57px;
 }
 
+.next-view-section-subheader,
+.next-view-section-footer.next-view-section-footer-grid {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
 .next-view-section-footer {
     @apply border-b-0 border-t sticky bottom-0 inset-x-0 dark:bg-gray-900;
 }