Merge pull request #56 from SFDO-Community/feature/dec05-expand-JS-lo…

…ader-logic-for-apex-metadata

Update JS loader icon based on Apex and records load completion

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"

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;