minor change

Signed-off-by: Abhishek Kumar <[email protected]>

Author: shwstppr

ui/src/components/widgets/InfiniteScrollSelect.vue

@@ -39,11 +39,12 @@
   - apiParams (Object, optional): Additional parameters passed to the API
   - resourceType (String, required): The key in the API response containing the resource array (e.g., 'account')
   - optionValueKey (String, optional): Property to use as the value for options (e.g., 'name'). Default is 'id'
+  - optionLabelFn (Function, optional): Function to generate the label for options. Receives the option object as argument. If provided, takes precedence over optionLabelKey. Preferred over optionLabelKey.
   - optionLabelKey (String, optional): Property to use as the label for options (e.g., 'name'). Default is 'name'
   - defaultOption (Object, optional): Preselected object to include initially
   - showIcon (Boolean, optional): Whether to show icon for the options. Default is true
   - defaultIcon (String, optional): Icon to be shown when there is no resource icon for the option. Default is 'cloud-outlined'
-  - autoSelectFirstOption (Boolean, optional): Whether to automatically select the first option when options are loaded. Default is false
+  - autoSelectFirstOption (Boolean, optional): Whether to automatically select the first option when options are loaded. Default is false. Works only when there is no preselected value or defaultOption
 
   Events:
   - @change-option-value (Function): Emits the selected option value(s) when value(s) changes. Do not use @change as it will give warnings and may not work
@@ -157,7 +158,7 @@ export default {
       scrollHandlerAttached: false,
       preselectedOptionValue: null,
       successiveFetches: 0,
-      canSelectFirstOption: false
+      canSelectFirstOption: true
     }
   },
   created () {
@@ -218,7 +219,7 @@ export default {
       }).catch(error => {
         this.$notifyError(error)
       }).finally(() => {
-        this.canSelectFirstOption = true
+        this.canSelectFirstOption = false
         if (this.successiveFetches === 0) {
           this.loading = false
         }
@@ -229,7 +230,7 @@ export default {
         (Array.isArray(this.preselectedOptionValue) && this.preselectedOptionValue.length === 0) ||
         this.successiveFetches >= this.maxSuccessiveFetches) {
         this.resetPreselectedOptionValue()
-        if (!this.canSelectFirstOption && this.autoSelectFirstOption && this.options.length > 0) {
+        if (this.canSelectFirstOption && this.autoSelectFirstOption && this.options.length > 0) {
           this.$nextTick(() => {
             this.preselectedOptionValue = this.options[0][this.optionValueKey]
             this.onChange(this.preselectedOptionValue)
@@ -256,7 +257,7 @@ export default {
     },
     addDefaultOptionIfNeeded () {
       if (this.defaultOption) {
-        this.canSelectFirstOption = true
+        this.canSelectFirstOption = false
         this.options.push(this.defaultOption)
       }
     },