From d84f68f0dfbf24839a176f98b1356a6c65fcb708 Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Mon, 21 Oct 2024 16:51:40 +0800
Subject: [PATCH] added isBusy prop to select control

---
 src/components/advanced-select-control/index.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/advanced-select-control/index.js b/src/components/advanced-select-control/index.js
index 8c8900895..c72556c02 100644
--- a/src/components/advanced-select-control/index.js
+++ b/src/components/advanced-select-control/index.js
@@ -8,7 +8,7 @@ import { ResetButton } from '../base-control2/reset-button'
 /**
  * WordPress dependencies
  */
-import { SelectControl } from '@wordpress/components'
+import { SelectControl, Spinner } from '@wordpress/components'
 import { memo } from '@wordpress/element'
 
 /**
@@ -30,12 +30,14 @@ const AdvancedSelectControl = memo( props => {
 			{ ...controlProps }
 			className={ classnames( 'ugb-advanced-select-control', props.className ) }
 		>
-			<SelectControl
+			{ props.isBusy && <Spinner /> }
+			{ ! props.isBusy && <SelectControl
 				{ ...selectProps }
 				role="listbox"
 				value={ typeof props.value === 'undefined' ? value : props.value }
 				onChange={ typeof props.onChange === 'undefined' ? onChange : props.onChange }
 			/>
+			}
 			<ResetButton
 				allowReset={ props.allowReset }
 				value={ typeof props.value === 'undefined' ? value : props.value }
@@ -59,6 +61,8 @@ AdvancedSelectControl.defaultProps = {
 
 	value: undefined,
 	onChange: undefined,
+
+	isBusy: false,
 }
 
 export default AdvancedSelectControl