fix: send boundaryGap in FloatingVariableSuggestion widget

Author: Amrit Kashyap Borah

src/Shared/Components/FloatingVariablesSuggestions/FloatingVariablesSuggestions.tsx

@@ -44,6 +44,7 @@ const FloatingVariablesSuggestions = ({
     hideObjectVariables = true,
     showValueOnHover = true,
     isTemplateView,
+    boundaryGap,
 }: FloatingVariablesSuggestionsProps) => {
     const [isActive, setIsActive] = useState<boolean>(false)
 
@@ -62,8 +63,6 @@ const FloatingVariablesSuggestions = ({
         setIsActive(false)
     }, [])
 
-    const boundaryGap = { x: 32, y: 90 }
-
     return (
         <>
             <div className={`${isActive ? 'dc__visibility-hidden dc__disable-click' : ''} `}>

src/Shared/Components/FloatingVariablesSuggestions/constants.ts

@@ -14,11 +14,6 @@
  * limitations under the License.
  */
 
-export const SUGGESTIONS_SIZE = {
-    width: 356,
-    height: 504,
-}
-
 export const NO_DEFINED_DESCRIPTION = 'No Defined Description'
 export const NO_DEFINED_VALUE = 'No Defined Value'
 export const SUGGESTIONS_INFO_TITLE = 'What is scoped variable?'

src/Shared/Components/FloatingVariablesSuggestions/types.ts

@@ -14,6 +14,7 @@
  * limitations under the License.
  */
 
+import { DraggableWrapperProps } from '@Common/DraggableWrapper'
 import { AppConfigProps } from '@Pages/index'
 
 export interface ScopedVariableType {
@@ -25,7 +26,9 @@ export interface ScopedVariableType {
     isRedacted: boolean
 }
 
-export interface FloatingVariablesSuggestionsProps extends Required<Pick<AppConfigProps, 'isTemplateView'>> {
+export interface FloatingVariablesSuggestionsProps
+    extends Required<Pick<AppConfigProps, 'isTemplateView'>>,
+        Pick<DraggableWrapperProps, 'boundaryGap'> {
     zIndex: number
     appId?: string
     envId?: string