feat: PopUpMenu - add support to disable close, CIPipeline - udate types

Author: RohitRaj011

src/Common/CIPipeline.Types.ts

@@ -107,9 +107,9 @@ export interface ConstraintType {
 }
 
 export interface ValueConstraintType {
-    choices: string[]
-    blockCustomValue: boolean
-    constraint: ConstraintType
+    choices?: string[]
+    blockCustomValue?: boolean
+    constraint?: ConstraintType
 }
 
 export enum VariableTypeFormat {
@@ -134,9 +134,9 @@ export interface VariableType {
     refVariableStage?: RefVariableStageType
     variableStepIndexInPlugin?: number
     fileMountDir: string
-    fileReferenceId: number
-    valueConstraintId: number
-    valueConstraint: ValueConstraintType
+    fileReferenceId?: number
+    valueConstraintId?: number
+    valueConstraint?: ValueConstraintType
     isRuntimeArg: boolean
     refVariableUsed: boolean
 }

src/Common/PopupMenu.tsx

@@ -34,6 +34,7 @@ const PopupMenu = ({
     autoClose = false,
     autoPosition = false,
     shouldPreventDefault = false,
+    disableClose,
 }: PopupMenuType) => {
     const [popupPosition, setPopupPosition] = React.useState(null)
     const [opacity, setOpacity] = React.useState(0)
@@ -114,7 +115,7 @@ const PopupMenu = ({
     }
 
     const handleClose = (e, inOrOut) => {
-        if (autoClose || inOrOut === 'out') {
+        if (!disableClose && (autoClose || inOrOut === 'out')) {
             if (observer && observer.current && observer.current.disconnect) observer.current.disconnect()
             setOpacity(0)
             setPopupPosition(null)

src/Common/Types.ts

@@ -4,15 +4,15 @@
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
  * You may obtain a copy of the License at
-*
-*     http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS,
-* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-* See the License for the specific language governing permissions and
-* limitations under the License.
-*/
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
 
 import React, { ReactNode, CSSProperties, ReactElement, MutableRefObject } from 'react'
 import { TippyProps } from '@tippyjs/react'
@@ -288,6 +288,7 @@ export interface PopupMenuType {
     autoClose?: boolean
     autoPosition?: boolean
     shouldPreventDefault?: boolean
+    disableClose?: boolean
 }
 
 export interface PopupMenuButtonType {

src/Shared/Components/DynamicDataTable/DynamicDataTableRow.tsx

@@ -181,7 +181,7 @@ export const DynamicDataTableRow = <K extends string, CustomStateType = Record<s
                 )
             case DynamicDataTableRowDataType.FILE_UPLOAD:
                 return (
-                    <div className={`w-100 h-100 flex top left px-8 min-w-0 ${row.data[key].value ? 'py-3' : 'py-8'}`}>
+                    <div className={`w-100 h-100 flex top left px-8 ${row.data[key].value ? 'py-3' : 'py-8'}`}>
                         <FileUpload
                             {...row.data[key].props}
                             fileName={row.data[key].value}

src/Shared/Components/FileUpload/FileUpload.tsx

@@ -23,10 +23,10 @@ export const FileUpload = ({ label, fileName = '', multiple = false, fileTypes =
     }
 
     return (
-        <div>
+        <div className="mw-none">
             {fileName ? (
                 <div className="dc__border br-4 dc__overflow-hidden flexbox">
-                    <div className="flexbox dc__align-items-center dc__gap-8 px-8 py-4 min-w-0">
+                    <div className="flexbox dc__align-items-center dc__gap-8 px-8 py-4 mw-none">
                         <ICCloudUpload className="icon-dim-16 dc__no-shrink" />
                         <Tooltip content={fileName}>
                             <span className="fs-12 lh-20 dc__ellipsis-right">{fileName}</span>