From 89efe3c2d5e98387aa4418239e8eedc66e0cacfd Mon Sep 17 00:00:00 2001
From: David Pickett <pickettd@gmail.com>
Date: Thu, 5 Dec 2024 10:29:34 -1000
Subject: [PATCH] Add helper function to determine when we should show the
 loading icon based on LWC render, data from flow loaded, and metadata about
 fields

---
 .../lwc/stickySelectronMain/stickySelectronMain.html |  2 +-
 .../lwc/stickySelectronMain/stickySelectronMain.js   | 12 ++++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/force-app/main/default/lwc/stickySelectronMain/stickySelectronMain.html b/force-app/main/default/lwc/stickySelectronMain/stickySelectronMain.html
index a4a8ba0..f0f4683 100644
--- a/force-app/main/default/lwc/stickySelectronMain/stickySelectronMain.html
+++ b/force-app/main/default/lwc/stickySelectronMain/stickySelectronMain.html
@@ -58,7 +58,7 @@
                     class="slds-float_left slds-var-m-top_xx-small slds-var-p-around_x-small slds-scrollable_y grid-main"
                 >
                     <!-- Spinner -->
-                    <template if:true={isLoading}>
+                    <template if:true={stillShowLoading}>
                         <div class="slds-var-p-around_x-large spinner">
                             <lightning-spinner
                                 alternative-text="Loading"
diff --git a/force-app/main/default/lwc/stickySelectronMain/stickySelectronMain.js b/force-app/main/default/lwc/stickySelectronMain/stickySelectronMain.js
index 5a9e5d8..9a0165c 100644
--- a/force-app/main/default/lwc/stickySelectronMain/stickySelectronMain.js
+++ b/force-app/main/default/lwc/stickySelectronMain/stickySelectronMain.js
@@ -36,6 +36,18 @@ export default class StickySelectronMain extends LightningElement {
     @api initialListCount;
     isLoading = false;
 
+    // We want to continue showing the loading icon if our LWC hasn't rendered yet,
+    // if the input list is empty, or if the input table field metadata hasn't finished yet
+    // Note that we compare the inputTableFieldNames length to the fieldsOnLeft length - 1 because of the Select column that is in the fieldsOnLeft but
+    // not in the inputTableFieldNames
+    get stillShowLoading() {
+        return (
+            this.isLoading ||
+            this.workingInputObjList.length === 0 ||
+            this.inputTableFieldNames.length !== this.fieldsOnLeft.length - 1
+        );
+    }
+
     @api inputTableFieldNames;
     @api selectedTableFieldNames;