chore: add position in variable data popup

Author: arunjaindev

src/components/CIPipelineN/VariableDataTable/ValueConfigOverlay.tsx

@@ -316,6 +316,7 @@ export const ValueConfigOverlay = ({ row, handleRowUpdateAction }: ConfigOverlay
                 (row.data.format.value === VariableTypeFormat.FILE && (hasFileMountError || !!fileSize.error)) ||
                 (row.data.format.value === VariableTypeFormat.NUMBER && hasChoicesError)
             }
+            position="bottom"
         >
             <>
                 {renderContent()}

src/components/CIPipelineN/VariableDataTable/VariableConfigOverlay.tsx

@@ -59,7 +59,7 @@ export const VariableConfigOverlay = ({ row, handleRowUpdateAction }: ConfigOver
     }
 
     return (
-        <VariableDataTablePopupMenu showHeaderIcon heading="Variable configuration">
+        <VariableDataTablePopupMenu showHeaderIcon heading="Variable configuration" position="right">
             <>
                 <div className="p-12 flexbox-col dc__gap-12">
                     <CustomInput

src/components/CIPipelineN/VariableDataTable/VariableDataTablePopupMenu.tsx

@@ -36,6 +36,7 @@ export const VariableDataTablePopupMenu = ({
     heading,
     children,
     onClose,
+    position,
     disableClose = false,
 }: VariableDataTablePopupMenuProps) => {
     const { open, overlayProps, popoverProps, triggerProps, scrollableRef, closePopover } = usePopover({
@@ -47,6 +48,7 @@ export const VariableDataTablePopupMenu = ({
             }
         },
         disableClose,
+        position,
     })
 
     const triggerElement = (

src/components/CIPipelineN/VariableDataTable/types.ts

@@ -21,6 +21,7 @@ import {
     RefVariableStageType,
     RefVariableType,
     SelectPickerOptionType,
+    UsePopoverProps,
     VariableType,
     VariableTypeFormat,
 } from '@devtron-labs/devtron-fe-common-lib'
@@ -144,6 +145,7 @@ export interface VariableDataTablePopupMenuProps {
     disableClose?: boolean
     onClose?: () => void
     children: JSX.Element
+    position: UsePopoverProps['position']
 }
 
 export interface ConfigOverlayProps {