refactor: CIPipeline - types update, DynamicDataTableRow - css update

Author: RohitRaj011

src/Common/CIPipeline.Types.ts

@@ -14,6 +14,8 @@
  * limitations under the License.
  */
 
+import { DynamicDataTableCellValidationState } from '@Shared/Components'
+
 export interface MaterialType {
     name: string
     type: string
@@ -289,11 +291,30 @@ export interface ErrorObj {
     isValid: boolean
     message: string | null
 }
+
+export enum InputOutputVariablesHeaderKeys {
+    VARIABLE = 'variable',
+    FORMAT = 'format',
+    VALUE = 'val',
+}
+
+export type InputOutputVariablesErrorObj = Record<InputOutputVariablesHeaderKeys, DynamicDataTableCellValidationState>
+
 export interface TaskErrorObj {
     isValid: boolean
     name: ErrorObj
-    inlineStepDetail?: { inputVariables?: ErrorObj[]; outputVariables?: ErrorObj[]; isValid?: boolean }
-    pluginRefStepDetail?: { inputVariables?: ErrorObj[]; outputVariables?: ErrorObj[]; isValid?: boolean }
+    inlineStepDetail?: {
+        inputVariables?: Record<number, InputOutputVariablesErrorObj>
+        outputVariables?: Record<number, InputOutputVariablesErrorObj>
+        isInputVariablesValid?: boolean
+        isOutputVariablesValid?: boolean
+    }
+    pluginRefStepDetail?: {
+        inputVariables?: Record<number, InputOutputVariablesErrorObj>
+        outputVariables?: Record<number, InputOutputVariablesErrorObj>
+        isInputVariablesValid?: boolean
+        isOutputVariablesValid?: boolean
+    }
 }
 export interface FormErrorObjectType {
     name: ErrorObj

src/Shared/Components/DynamicDataTable/DynamicDataTableRow.tsx

@@ -156,7 +156,7 @@ export const DynamicDataTableRow = <K extends string, CustomStateType = Record<s
                             }}
                             textAreaProps={{
                                 ...row.data[key].props?.textAreaProps,
-                                className: 'dynamic-data-table__cell-input placeholder-cn5 py-8 pr-8 cn-9 fs-13 lh-20',
+                                className: 'dynamic-data-table__cell-input placeholder-cn5 py-8 pr-32 cn-9 fs-13 lh-20',
                                 disableOnBlurResizeToMinHeight: true,
                                 minHeight: 20,
                                 maxHeight: 160,
@@ -183,7 +183,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 ${row.data[key].value ? 'py-3' : 'py-8'}`}>
+                    <div className={`mw-none 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}