@devtron-labs/devtron-fe-common-lib 1.2.4-beta-4 → 1.2.4-beta-5

package/dist/{@common-rjsf-D7zjI7cT.js → @common-rjsf-CQOy6buw.js}

@@ -2,7 +2,7 @@ import { j as n, J as A } from "./@vendor-RU8AW1bK.js";
 import E, { forwardRef as $ } from "react";
 import L, { getDefaultRegistry as k } from "@rjsf/core";
 import D from "@rjsf/validator-ajv8";
-import { T as y, c as H, a as J, d as w } from "./@code-editor-Dl49eEEU.js";
+import { T as y, c as H, a as J, d as w } from "./@code-editor-CTMrJ4TQ.js";
 import M, { components as O } from "react-select";
 import { getUiOptions as B, getTemplate as I, getSubmitButtonOptions as U, ADDITIONAL_PROPERTY_FLAG as P, errorId as W, englishStringTranslator as V, TranslatableString as q, titleId as K, canExpand as Y, deepEquals as z } from "@rjsf/utils";
 import { ReactComponent as G } from "./assets/ic-chevron-down.fc70d7a7.svg";

package/dist/Common/CIPipeline.Types.d.ts

@@ -70,11 +70,30 @@ export declare enum RefVariableStageType {
     PRE_CI = "PRE_CI",
     POST_CI = "POST_CI"
 }
+export interface FileProperty {
+    allowedExtensions: string[];
+    maxUploadSize: number;
+}
+export interface Constraint {
+    fileProperty: FileProperty;
+}
+export interface ValueConstraint {
+    choices: string[];
+    blockCustomValue: boolean;
+    constraint: Constraint;
+}
+export declare enum VariableTypeFormat {
+    STRING = "STRING",
+    NUMBER = "NUMBER",
+    BOOL = "BOOL",
+    DATE = "DATE",
+    FILE = "FILE"
+}
 export interface VariableType {
     id: number;
     name: string;
     value: string;
-    format: string;
+    format: VariableTypeFormat;
     description: string;
     defaultValue: string;
     allowEmptyValue: boolean;
@@ -83,6 +102,12 @@ export interface VariableType {
     refVariableName: string;
     refVariableStage?: RefVariableStageType;
     variableStepIndexInPlugin?: number;
+    fileMountDir: string;
+    fileReferenceId: number;
+    valueConstraintId: number;
+    valueConstraint: ValueConstraint;
+    isRuntimeArg: boolean;
+    refVariableUsed: boolean;
 }
 interface CommandArgsMap {
     command: string;

package/dist/Common/Common.service.d.ts

@@ -1,5 +1,5 @@
 import { RuntimeParamsAPIResponseType, RuntimeParamsListItemType } from '../Shared/types';
-import { TeamList, ResponseType, DeploymentNodeType, CDMaterialServiceEnum, CDMaterialServiceQueryParams, CDMaterialResponseType, CDMaterialFilterQuery, EnvironmentListHelmResponse, UserApprovalMetadataType } from './Types';
+import { TeamList, ResponseType, DeploymentNodeType, CDMaterialServiceEnum, CDMaterialServiceQueryParams, CDMaterialResponseType, CDMaterialFilterQuery, EnvironmentListHelmResponse } from './Types';
 import { ApiResourceType } from '../Pages';
 export declare const getTeamListMin: () => Promise<TeamList>;
 interface UserRole extends ResponseType {
@@ -15,7 +15,6 @@ export declare const SourceTypeMap: {
 };
 export declare function getUserRole(appName?: string): Promise<UserRole>;
 export declare function setImageTags(request: any, pipelineId: number, artifactId: number): Promise<ResponseType<any>>;
-export declare const sanitizeUserApprovalMetadata: (userApprovalMetadata: UserApprovalMetadataType) => UserApprovalMetadataType;
 export declare const parseRuntimeParams: (response: RuntimeParamsAPIResponseType) => RuntimeParamsListItemType[];
 export declare const processCDMaterialServiceResponse: (cdMaterialsResult: any, stage: DeploymentNodeType, offset: number, filter: CDMaterialFilterQuery, disableDefaultSelection?: boolean) => CDMaterialResponseType;
 export declare const genericCDMaterialsService: (serviceType: CDMaterialServiceEnum, cdMaterialID: number, stage: DeploymentNodeType, signal: AbortSignal, queryParams?: CDMaterialServiceQueryParams) => Promise<CDMaterialResponseType>;

package/dist/Common/Constants.d.ts

@@ -94,6 +94,7 @@ export declare const ROUTES: {
     USER_LIST_MIN: string;
     CONFIG_DATA: string;
     K8S_RESOURCE_LIST: string;
+    FILE_UPLOAD: string;
 };
 export declare enum KEY_VALUE {
     KEY = "key",

package/dist/Common/CustomTagSelector/ResizableTagTextArea.d.ts

@@ -1,2 +1,2 @@
 import { ResizableTagTextAreaProps } from './Types';
-export declare const ResizableTagTextArea: ({ className, minHeight, maxHeight, value, onChange, onBlur, onFocus, placeholder, tabIndex, refVar, dependentRef, dataTestId, handleKeyDown, disabled, disableOnBlurResizeToMinHeight, }: ResizableTagTextAreaProps) => JSX.Element;
+export declare const ResizableTagTextArea: ({ value, minHeight, maxHeight, dataTestId, onBlur, onFocus, refVar, dependentRef, className, disableOnBlurResizeToMinHeight, ...resProps }: ResizableTagTextAreaProps) => JSX.Element;

package/dist/Common/CustomTagSelector/Types.d.ts

@@ -1,3 +1,4 @@
+import { DetailedHTMLProps, MutableRefObject, TextareaHTMLAttributes } from 'react';
 import { KEY_VALUE } from '../Constants';
 import { OptionType } from '../Types';
 export interface SuggestedTagOptionType extends OptionType {
@@ -48,24 +49,16 @@ export interface TagLabelValueSelectorType {
     tagInputType?: KEY_VALUE;
     placeholder?: string;
     tabIndex?: number;
-    refVar?: React.MutableRefObject<HTMLTextAreaElement>;
-    dependentRef?: React.MutableRefObject<HTMLTextAreaElement>;
+    refVar?: MutableRefObject<HTMLTextAreaElement>;
+    dependentRef?: MutableRefObject<HTMLTextAreaElement>;
     noBackDrop?: boolean;
 }
-export interface ResizableTagTextAreaProps {
-    className?: string;
+export interface ResizableTagTextAreaProps extends Omit<DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, 'value'> {
     minHeight?: number;
     maxHeight?: number;
-    value?: string;
-    onChange?: (e: any) => void;
-    onBlur?: (e: any) => void;
-    onFocus?: (e: any) => void;
-    placeholder?: string;
-    tabIndex?: number;
-    refVar?: React.MutableRefObject<HTMLTextAreaElement>;
-    dependentRef?: React.MutableRefObject<HTMLTextAreaElement>;
+    value: string;
+    refVar?: MutableRefObject<HTMLTextAreaElement>;
+    dependentRef?: MutableRefObject<HTMLTextAreaElement> | Record<string | number, MutableRefObject<HTMLTextAreaElement>>;
     dataTestId?: string;
-    handleKeyDown?: any;
-    disabled?: boolean;
     disableOnBlurResizeToMinHeight?: boolean;
 }

package/dist/Common/Helper.d.ts

@@ -9,7 +9,7 @@ interface ConditionalWrapper<T> {
     children: T;
 }
 export declare const ConditionalWrap: React.FC<ConditionalWrapper<any>>;
-export declare function sortCallback(key: string, a: any, b: any, isCaseSensitive?: boolean): 1 | -1 | 0;
+export declare function sortCallback(key: string, a: any, b: any, isCaseSensitive?: boolean): 0 | 1 | -1;
 export declare const stopPropagation: (event: any) => void;
 export declare const preventDefault: (event: SyntheticEvent) => void;
 export declare function useThrottledEffect(callback: any, delay: any, deps?: any[]): void;

package/dist/Common/RJSF/Form.d.ts

@@ -1,3 +1,3 @@
 import { default as RJSF } from '@rjsf/core';
 import { FormProps } from './types';
-export declare const RJSFForm: import('react').ForwardRefExoticComponent<Pick<FormProps, "name" | "children" | "className" | "disabled" | "id" | "onFocus" | "onBlur" | "onChange" | "onSubmit" | "onError" | "target" | "action" | "tagName" | "autoComplete" | "method" | "noValidate" | "readonly" | "schema" | "uiSchema" | "formContext" | "formData" | "idPrefix" | "idSeparator" | "fields" | "templates" | "widgets" | "translateString" | "acceptcharset" | "acceptCharset" | "enctype" | "customValidate" | "extraErrors" | "extraErrorsBlockSubmit" | "noHtml5Validate" | "liveValidate" | "liveOmit" | "omitExtraData" | "showErrorList" | "transformErrors" | "focusOnFirstError" | "experimental_defaultFormStateBehavior" | "_internalFormWrapper"> & import('react').RefAttributes<RJSF<unknown, import('json-schema').JSONSchema7, import('@rjsf/utils').GenericObjectType>>>;
+export declare const RJSFForm: import('react').ForwardRefExoticComponent<Pick<FormProps, "name" | "id" | "children" | "className" | "disabled" | "onFocus" | "onBlur" | "onChange" | "onSubmit" | "onError" | "target" | "action" | "tagName" | "autoComplete" | "method" | "noValidate" | "readonly" | "schema" | "uiSchema" | "formContext" | "formData" | "idPrefix" | "idSeparator" | "fields" | "templates" | "widgets" | "translateString" | "acceptcharset" | "acceptCharset" | "enctype" | "customValidate" | "extraErrors" | "extraErrorsBlockSubmit" | "noHtml5Validate" | "liveValidate" | "liveOmit" | "omitExtraData" | "showErrorList" | "transformErrors" | "focusOnFirstError" | "experimental_defaultFormStateBehavior" | "_internalFormWrapper"> & import('react').RefAttributes<RJSF<unknown, import('json-schema').JSONSchema7, import('@rjsf/utils').GenericObjectType>>>;

package/dist/Common/Types.d.ts

@@ -1,8 +1,9 @@
 import { default as React, ReactNode, CSSProperties, ReactElement, MutableRefObject } from 'react';
 import { TippyProps } from '@tippyjs/react';
+import { Placement } from 'tippy.js';
 import { UserGroupDTO } from '../Pages/GlobalConfigurations';
 import { ImageComment, ReleaseTag } from './ImageTags.Types';
-import { MandatoryPluginBaseStateType, RegistryType, RuntimeParamsListItemType, Severity } from '../Shared';
+import { MandatoryPluginBaseStateType, RegistryType, RuntimePluginVariables, Severity } from '../Shared';
 import { ACTION_STATE, DEPLOYMENT_WINDOW_TYPE, DockerConfigOverrideType, SortingOrder, TaskErrorObj } from '.';
 /**
  * Generic response type object with support for overriding the result type
@@ -73,7 +74,7 @@ export interface TippyCustomizedProps extends Pick<TippyProps, 'appendTo'> {
     noHeadingBorder?: boolean;
     infoTextHeading?: string;
     hideHeading?: boolean;
-    placement?: TippyProps['placement'];
+    placement?: Placement;
     className?: string;
     Icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
     iconPath?: string;
@@ -273,6 +274,21 @@ export declare enum ManualApprovalType {
     any = "ANY",
     notConfigured = "NOT_CONFIGURED"
 }
+export interface UserGroupApproverType {
+    email: string;
+    hasAccess: boolean;
+}
+export interface ImageApprovalPolicyUserGroupDataType {
+    dataStore: Record<string, UserGroupApproverType>;
+    requiredCount: number;
+    emails: string[];
+}
+export interface ImageApprovalPolicyType {
+    isPolicyConfigured: boolean;
+    specificUsersData: ImageApprovalPolicyUserGroupDataType;
+    userGroupData: Record<string, ImageApprovalPolicyUserGroupDataType>;
+    validGroups: string[];
+}
 export type ImageApprovalUsersInfoDTO = Record<string, Pick<UserGroupDTO, 'identifier' | 'name'>[]>;
 export interface UserApprovalConfigType {
     type: ManualApprovalType;
@@ -285,6 +301,13 @@ export interface UserApprovalConfigType {
         requiredCount: number;
     })[];
 }
+export type UserApprovalConfigPayloadType = ({
+    type: ManualApprovalType.any;
+} & Pick<UserApprovalConfigType, 'requiredCount'>) | ({
+    type: ManualApprovalType.specific;
+} & Pick<UserApprovalConfigType, 'userGroups' | 'specificUsers'>) | {
+    type: ManualApprovalType.notConfigured;
+};
 interface ApprovalUserDataType {
     dataId: number;
     userActionTime: string;
@@ -294,45 +317,12 @@ interface ApprovalUserDataType {
     userResponse: number;
     userGroups?: Pick<UserGroupDTO, 'identifier' | 'name'>[];
 }
-export interface UserApprovalInfo {
-    requiredCount: number;
-    currentCount: number;
-    approverList: {
-        hasApproved: boolean;
-        canApprove: boolean;
-        identifier: string;
-    }[];
-}
-export declare enum ApprovalConfigDataKindType {
-    configMap = "configuration/config-map",
-    configSecret = "configuration/config-secret",
-    deploymentTemplate = "configuration/deployment-template",
-    deploymentTrigger = "approval/deployment"
-}
-export interface ApprovalConfigDataType extends Pick<UserApprovalInfo, 'currentCount' | 'requiredCount'> {
-    kind: ApprovalConfigDataKindType | null;
-    anyUserApprovedInfo: UserApprovalInfo;
-    specificUsersApprovedInfo: UserApprovalInfo;
-    userGroupsApprovedInfo: Pick<UserApprovalInfo, 'currentCount' | 'requiredCount'> & {
-        userGroups: (UserApprovalInfo & {
-            groupIdentifier: UserGroupDTO['identifier'];
-            groupName: UserGroupDTO['name'];
-        })[];
-    };
-}
-export declare enum ApprovalRuntimeStateType {
-    init = 0,
-    requested = 1,
-    approved = 2,
-    consumed = 3
-}
 export interface UserApprovalMetadataType {
     approvalRequestId: number;
-    approvalRuntimeState: ApprovalRuntimeStateType;
+    approvalRuntimeState: number;
+    approvedUsersData: ApprovalUserDataType[];
     requestedUserData: ApprovalUserDataType;
-    hasCurrentUserApproved: boolean;
-    canCurrentUserApprove: boolean;
-    approvalConfigData: ApprovalConfigDataType;
+    approvalConfig?: UserApprovalConfigType;
 }
 export declare enum FilterStates {
     ALLOWED = 0,
@@ -389,6 +379,7 @@ export interface CDMaterialListModalServiceUtilProps {
     artifactId?: number;
     artifactStatus?: string;
     disableDefaultSelection?: boolean;
+    userApprovalConfig?: UserApprovalConfigType;
 }
 export interface CDMaterialType {
     index: number;
@@ -524,7 +515,8 @@ export interface CommonNodeAttr extends Pick<MandatoryPluginBaseStateType, 'isTr
     primaryBranchAfterRegex?: string;
     storageConfigured?: boolean;
     deploymentAppDeleteRequest?: boolean;
-    approvalConfigData: ApprovalConfigDataType;
+    approvalUsers?: string[];
+    userApprovalConfig?: UserApprovalConfigType;
     requestedUserId?: number;
     showPluginWarning: boolean;
     helmPackageName?: string;
@@ -581,17 +573,14 @@ export interface FilterConditionsListType {
     description: string;
     conditions: FilterConditionsInfo[];
 }
-export interface DeploymentApprovalInfoType {
-    eligibleApprovers: {
-        specificUsers: Pick<UserApprovalInfo, 'approverList'>;
-        anyUsers: Pick<UserApprovalInfo, 'approverList'>;
-        userGroups: (Pick<ApprovalConfigDataType['userGroupsApprovedInfo']['userGroups'][number], 'groupIdentifier' | 'groupName'> & Pick<UserApprovalInfo, 'approverList'>)[];
-    };
-    approvalConfigData: ApprovalConfigDataType;
-}
 export interface CDMaterialsApprovalInfo {
+    approvalUsers: string[];
+    userApprovalConfig: UserApprovalConfigType;
     canApproverDeploy: boolean;
-    deploymentApprovalInfo: DeploymentApprovalInfoType;
+    /**
+     * Only available incase of approvals do'nt use in cd materials or any other flow since approvalUsers are not present there
+     */
+    imageApprovalPolicyDetails: ImageApprovalPolicyType;
 }
 export interface CDMaterialsMetaInfo {
     tagsEditable: boolean;
@@ -603,7 +592,7 @@ export interface CDMaterialsMetaInfo {
      * This is the ID of user that has request the material
      */
     requestedUserId: number;
-    runtimeParams: RuntimeParamsListItemType[];
+    runtimeParams: RuntimePluginVariables[];
 }
 export interface ImagePromotionMaterialInfo {
     isApprovalPendingForPromotion: boolean;
@@ -670,6 +659,7 @@ export interface AppEnvironment {
     appStatus?: string;
     deploymentAppDeleteRequest?: boolean;
     isVirtualEnvironment?: boolean;
+    isProtected?: boolean;
     pipelineId?: number;
     latestCdWorkflowRunnerId?: number;
     commits?: string[];
@@ -720,6 +710,7 @@ export interface CdPipeline {
     parentPipelineType?: string;
     deploymentAppDeleteRequest?: boolean;
     deploymentAppCreated?: boolean;
+    userApprovalConfig?: UserApprovalConfigType;
     isVirtualEnvironment?: boolean;
     deploymentAppType: DeploymentAppTypes;
     helmPackageName?: string;
@@ -728,7 +719,6 @@ export interface CdPipeline {
     isProdEnv?: boolean;
     isGitOpsRepoNotConfigured?: boolean;
     isDeploymentBlocked?: boolean;
-    approvalConfigData: ApprovalConfigDataType;
 }
 export interface ExternalCiConfig {
     id: number;
@@ -830,11 +820,12 @@ export interface Point {
 export interface EdgeNodeType {
     height: number;
     width: number;
+    userApprovalConfig?: UserApprovalConfigType;
     type?: any;
     id?: number | string;
 }
 export interface EdgeEndNodeType extends EdgeNodeType {
-    approvalConfigData: ApprovalConfigDataType;
+    userApprovalConfig?: UserApprovalConfigType;
 }
 /**
  * Search params for sorting configuration

package/dist/Pages/Applications/DevtronApps/Details/CDPipeline/index.d.ts

@@ -1 +1,2 @@
 export * from './types';
+export * from './services';

package/dist/Pages/Applications/DevtronApps/Details/CDPipeline/services.d.ts

@@ -0,0 +1,10 @@
+import { MutableRefObject } from 'react';
+import { UploadFileDTO } from '../../../../../Shared/types';
+export declare const uploadCDPipelineFile: ({ file, appId, envId, allowedExtensions, maxUploadSize, abortControllerRef, }: {
+    file: File[];
+    appId: number;
+    envId: number;
+    allowedExtensions?: string[];
+    maxUploadSize?: number;
+    abortControllerRef?: MutableRefObject<AbortController>;
+}) => Promise<UploadFileDTO>;

package/dist/Pages/Applications/DevtronApps/Details/CDPipeline/types.d.ts

@@ -1,5 +1,5 @@
 import { BuildStageType, FormType } from '../../../../../Common/CIPipeline.Types';
-import { DeploymentAppTypes } from '../../../../../Common/Types';
+import { DeploymentAppTypes, UserApprovalConfigType } from '../../../../../Common/Types';
 import { DeploymentStrategy } from '../../../../../Shared/Components';
 import { EnvListMinDTO } from '../../../../../Shared/types';
 interface ConfigSecretType {
@@ -53,6 +53,7 @@ export interface CDFormType {
         secrets: ConfigSecretType[];
     };
     requiredApprovals: string;
+    userApprovalConfig?: UserApprovalConfigType;
     isClusterCdActive: boolean;
     deploymentAppCreated: boolean;
     clusterId: string;

package/dist/Pages/Applications/DevtronApps/Details/CIPipeline/index.d.ts

@@ -0,0 +1 @@
+export * from './services';

package/dist/Pages/Applications/DevtronApps/Details/CIPipeline/services.d.ts

@@ -0,0 +1,11 @@
+import { MutableRefObject } from 'react';
+import { UploadFileDTO } from '../../../../../Shared/types';
+export declare const uploadCIPipelineFile: ({ file, appId, ciPipelineId, envId, allowedExtensions, maxUploadSize, abortControllerRef, }: {
+    file: File[];
+    appId: number;
+    ciPipelineId: number;
+    envId?: number;
+    allowedExtensions?: string[];
+    maxUploadSize?: number;
+    abortControllerRef?: MutableRefObject<AbortController>;
+}) => Promise<UploadFileDTO>;

package/dist/Pages/Applications/DevtronApps/Details/index.d.ts

@@ -1,2 +1,3 @@
 export * from './AppConfigurations';
 export * from './CDPipeline';
+export * from './CIPipeline';

package/dist/Shared/Components/DynamicDataTable/DynamicDataTable.d.ts

@@ -0,0 +1,2 @@
+import { DynamicDataTableProps } from './types';
+export declare const DynamicDataTable: <K extends string, CustomStateType = Record<string, unknown>>({ headers, ...props }: DynamicDataTableProps<K, CustomStateType>) => JSX.Element;

package/dist/Shared/Components/DynamicDataTable/DynamicDataTableHeader.d.ts

@@ -0,0 +1,2 @@
+import { DynamicDataTableHeaderProps } from './types';
+export declare const DynamicDataTableHeader: <K extends string, CustomStateType = Record<string, unknown>>({ headers, rows, sortingConfig, onRowAdd, readOnly, isAdditionNotAllowed, isDeletionNotAllowed, headerComponent, actionButtonConfig, }: DynamicDataTableHeaderProps<K, CustomStateType>) => JSX.Element;

package/dist/Shared/Components/DynamicDataTable/DynamicDataTableRow.d.ts

@@ -0,0 +1,2 @@
+import { DynamicDataTableRowProps } from './types';
+export declare const DynamicDataTableRow: <K extends string, CustomStateType = Record<string, unknown>>({ rows, headers, maskValue, readOnly, isDeletionNotAllowed, validationSchema, showError, actionButtonConfig, onRowEdit, onRowDelete, leadingCellIcon, trailingCellIcon, buttonCellWrapComponent, }: DynamicDataTableRowProps<K, CustomStateType>) => JSX.Element;

package/dist/Shared/Components/DynamicDataTable/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DynamicDataTable';
+export * from './types';

package/dist/Shared/Components/DynamicDataTable/types.d.ts

@@ -0,0 +1,170 @@
+import { DetailedHTMLProps, ReactElement, ReactNode } from 'react';
+import { SortingOrder } from '../../../Common/Constants';
+import { ResizableTagTextAreaProps } from '../../../Common/CustomTagSelector';
+import { SelectPickerOptionType, SelectPickerProps } from '../SelectPicker';
+import { SelectTextAreaProps } from '../SelectTextArea';
+import { FileUploadProps } from '../FileUpload';
+/**
+ * Interface representing header for a dynamic data table.
+ * @template K - A string representing the key type.
+ */
+export type DynamicDataTableHeaderType<K extends string> = {
+    /** The display label of the header, shown in the table's column header. */
+    label: string;
+    /** The unique key associated with the header, used to map the column to data fields. */
+    key: K;
+    /** The width of the column, defined as a CSS string (e.g., "100px", "10%", "1fr", or "auto"). */
+    width: string;
+    /** An optional boolean indicating whether the column is sortable. */
+    isSortable?: boolean;
+    /** An optional boolean to control the visibility of the column. */
+    isHidden?: boolean;
+};
+export declare enum DynamicDataTableRowDataType {
+    TEXT = "text",
+    DROPDOWN = "dropdown",
+    SELECT_TEXT = "select-text",
+    BUTTON = "button",
+    FILE_UPLOAD = "file-upload"
+}
+export type DynamicDataTableCellPropsMap = {
+    [DynamicDataTableRowDataType.TEXT]: Omit<ResizableTagTextAreaProps, 'className' | 'minHeight' | 'maxHeight' | 'value' | 'onChange' | 'disabled' | 'disableOnBlurResizeToMinHeight' | 'refVar' | 'dependentRef'>;
+    [DynamicDataTableRowDataType.DROPDOWN]: Omit<SelectPickerProps<string, false>, 'inputId' | 'value' | 'onChange' | 'fullWidth' | 'isDisabled'>;
+    [DynamicDataTableRowDataType.SELECT_TEXT]: Omit<SelectTextAreaProps, 'value' | 'onChange' | 'inputId' | 'isDisabled' | 'dependentRef' | 'refVar' | 'textAreaProps'> & {
+        textAreaProps?: Omit<SelectTextAreaProps['textAreaProps'], 'className' | 'disableOnBlurResizeToMinHeight' | 'minHeight' | 'maxHeight'>;
+    };
+    [DynamicDataTableRowDataType.BUTTON]: Pick<DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, 'onClick'> & {
+        icon?: ReactNode;
+        text: string;
+    };
+    [DynamicDataTableRowDataType.FILE_UPLOAD]: Omit<FileUploadProps, 'className' | 'fileName' | 'onUpload' | 'multiple'>;
+};
+type DynamicDataTableCellData<T extends keyof DynamicDataTableCellPropsMap = keyof DynamicDataTableCellPropsMap> = T extends keyof DynamicDataTableCellPropsMap ? {
+    type: T;
+    props: DynamicDataTableCellPropsMap[T];
+} : never;
+/**
+ * Type representing a key-value row.
+ * @template K - A string representing the key type.
+ */
+export type DynamicDataTableRowType<K extends string, CustomStateType = Record<string, unknown>> = {
+    data: {
+        [key in K]: {
+            value: string;
+            disabled?: boolean;
+            /** An optional boolean indicating if an asterisk should be shown. */
+            required?: boolean;
+            /** An optional tooltip text to show when hovering over cell. */
+            tooltipText?: string;
+        } & DynamicDataTableCellData;
+    };
+    id: string | number;
+    /** */
+    customState?: CustomStateType;
+    /** An optional boolean indicating if row deletion is disabled. */
+    disableDelete?: boolean;
+};
+type DynamicDataTableMask<K extends string> = {
+    [key in K]?: boolean;
+};
+type DynamicDataTableCellIcon<K extends string, CustomStateType = Record<string, unknown>> = {
+    [key in K]?: (row: DynamicDataTableRowType<K, CustomStateType>) => ReactNode;
+};
+/**
+ * Interface representing the properties for the dynamic data table component.
+ * @template K - A string representing the key type.
+ */
+export type DynamicDataTableProps<K extends string, CustomStateType = Record<string, unknown>> = {
+    /**
+     * An array containing the headers for the data table. \
+     * Each header defines a column with its label, key, width, and optional settings.
+     */
+    headers: DynamicDataTableHeaderType<K>[];
+    /**
+     * An array of rows where each row contains data corresponding to the table headers.
+     */
+    rows: DynamicDataTableRowType<K, CustomStateType>[];
+    /** Optional configuration for sorting the table. */
+    sortingConfig?: {
+        sortBy: K;
+        sortOrder: SortingOrder;
+        handleSorting: () => void;
+    };
+    /** An optional mask to hide the values of the cell. */
+    maskValue?: DynamicDataTableMask<K>;
+    /** Optional configuration for displaying an icon in the leading position of a cell. */
+    leadingCellIcon?: DynamicDataTableCellIcon<K, CustomStateType>;
+    /** Optional configuration for displaying an icon in the trailing position of a cell. */
+    trailingCellIcon?: DynamicDataTableCellIcon<K, CustomStateType>;
+    /** An optional function to render a custom wrapper component for the type `DynamicDataTableRowDataType.BUTTON`. */
+    buttonCellWrapComponent?: (row: DynamicDataTableRowType<K, CustomStateType>) => ReactElement;
+    /** An optional React node for a custom header component. */
+    headerComponent?: ReactNode;
+    /** When true, data addition field will not be shown. */
+    isAdditionNotAllowed?: boolean;
+    /** When true, data addition field will not be shown. */
+    isDeletionNotAllowed?: boolean;
+    /** When true, data add or update is disabled. */
+    readOnly?: boolean;
+    /** Function to handle the addition of a new row to the table. */
+    onRowAdd: () => void;
+    /**
+     * Function to handle changes in the table rows.
+     * @param row - The row that changed.
+     * @param headerKey - The key of the header that changed.
+     * @param value - The value of the cell.
+     * @param extraData - Additional data, such as a selected value for dropdowns.
+     */
+    onRowEdit: (row: DynamicDataTableRowType<K, CustomStateType>, headerKey: K, value: string, extraData: {
+        files?: File[];
+        selectedValue?: SelectPickerOptionType<string>;
+    }) => void;
+    /**
+     * Function to handle row deletions.
+     * @param row - The row that was deleted.
+     */
+    onRowDelete: (row: DynamicDataTableRowType<K, CustomStateType>) => void;
+    /** Optional configuration for rendering a custom action button in a row. */
+    actionButtonConfig?: {
+        /**
+         * Function to render the action button.
+         * @param row - The current row being rendered.
+         * @returns A React node representing the action button.
+         */
+        renderer: (row: DynamicDataTableRowType<K, CustomStateType>) => ReactNode;
+        /**
+         * This represents under which header key the action button will be rendered.
+         */
+        key: K;
+        /**
+         * The width of the action button.
+         * @default '32px'
+         */
+        width?: string;
+        /**
+         * The position of the action button under the header key.
+         * @default 'start'
+         */
+        position?: 'start' | 'end';
+    };
+    /**
+     * Indicates whether to show errors.
+     */
+    showError?: boolean;
+    /**
+     * Function to validate the value of a table cell.
+     * @param value - The value to validate.
+     * @param key - The column key of the cell.
+     * @param row - The row containing the cell.
+     * @returns An object with a boolean indicating validity and an array of error messages.
+     */
+    validationSchema?: (value: string, key: K, row: DynamicDataTableRowType<K, CustomStateType>) => {
+        isValid: boolean;
+        errorMessages: string[];
+    };
+};
+export interface DynamicDataTableHeaderProps<K extends string, CustomStateType = Record<string, unknown>> extends Pick<DynamicDataTableProps<K, CustomStateType>, 'headers' | 'rows' | 'headerComponent' | 'sortingConfig' | 'onRowAdd' | 'readOnly' | 'isAdditionNotAllowed' | 'isDeletionNotAllowed' | 'actionButtonConfig'> {
+}
+export interface DynamicDataTableRowProps<K extends string, CustomStateType = Record<string, unknown>> extends Pick<DynamicDataTableProps<K, CustomStateType>, 'rows' | 'headers' | 'maskValue' | 'isAdditionNotAllowed' | 'isDeletionNotAllowed' | 'readOnly' | 'onRowEdit' | 'onRowDelete' | 'actionButtonConfig' | 'showError' | 'validationSchema' | 'leadingCellIcon' | 'trailingCellIcon' | 'buttonCellWrapComponent'> {
+}
+export {};

package/dist/Shared/Components/DynamicDataTable/utils.d.ts

@@ -0,0 +1,5 @@
+import { DynamicDataTableHeaderType, DynamicDataTableProps, DynamicDataTableRowDataType } from './types';
+export declare const getActionButtonPosition: <K extends string, CustomStateType = Record<string, unknown>>({ headers, actionButtonConfig, }: Pick<DynamicDataTableProps<K, CustomStateType>, "headers" | "actionButtonConfig">) => number;
+export declare const getHeaderGridTemplateColumn: <K extends string, CustomStateType = Record<string, unknown>>(headers: DynamicDataTableHeaderType<K>[], actionButtonConfig: DynamicDataTableProps<K, CustomStateType>["actionButtonConfig"], noDeleteBtn: boolean) => string;
+export declare const getRowGridTemplateColumn: <K extends string, CustomStateType = Record<string, unknown>>(headers: DynamicDataTableHeaderType<K>[], actionButtonConfig: DynamicDataTableProps<K, CustomStateType>["actionButtonConfig"], noDeleteBtn: boolean) => string;
+export declare const rowTypeHasInputField: (type: DynamicDataTableRowDataType) => boolean;

package/dist/Shared/Components/FeatureDescription/FeatureDescriptionModal.d.ts

@@ -1,2 +1,2 @@
 import { FeatureDescriptionModalProps } from './types';
-export declare const FeatureDescriptionModal: ({ title, renderDescriptionContent, closeModalText, docLink, closeModal, imageVariant, SVGImage, imageStyles, tabsConfig, }: FeatureDescriptionModalProps) => JSX.Element;
+export declare const FeatureDescriptionModal: ({ title, renderDescriptionContent, closeModalText, docLink, closeModal, imageVariant, SVGImage, imageStyles, }: FeatureDescriptionModalProps) => JSX.Element;

package/dist/Shared/Components/FeatureDescription/FeatureTitleWithInfo.d.ts

@@ -1,3 +1,3 @@
 import { DescriptorProps } from './types';
-declare const FeatureTitleWithInfo: ({ additionalContainerClasses, breadCrumbs, children, iconClassName, title, renderDescriptionContent, closeModalText, docLink, SVGImage, showInfoIconTippy, docLinkText, dataTestId, additionalContent, showInfoIcon, tabsConfig, }: DescriptorProps) => JSX.Element;
+declare const FeatureTitleWithInfo: ({ additionalContainerClasses, breadCrumbs, children, iconClassName, title, renderDescriptionContent, closeModalText, docLink, SVGImage, showInfoIconTippy, docLinkText, dataTestId, additionalContent, showInfoIcon, }: DescriptorProps) => JSX.Element;
 export default FeatureTitleWithInfo;

package/dist/Shared/Components/FeatureDescription/types.d.ts

@@ -1,44 +1,17 @@
 import { default as React, ReactNode } from 'react';
 import { ImageType } from '../../../Common';
 import { Breadcrumb } from '../../../Common/BreadCrumb/Types';
-interface BaseFeatureDescriptionModalProps {
+export interface FeatureDescriptionModalProps {
+    title: string;
     renderDescriptionContent?: () => ReactNode;
+    closeModalText?: string;
     docLink?: string;
+    closeModal?: () => void;
     imageVariant?: ImageType;
     SVGImage?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
     imageStyles?: React.CSSProperties;
 }
-type FeatureDescriptionModalWithTabsConfig = {
-    /**
-     * If provided, tabs are shown and have higher precedence over normal modal
-     */
-    tabsConfig: ({
-        /**
-         * Unique id of the tab
-         */
-        id: string;
-        /**
-         * Title for the tab
-         */
-        title: string;
-    } & BaseFeatureDescriptionModalProps)[];
-} & {
-    renderDescriptionContent?: never;
-    docLink?: never;
-    imageVariant?: never;
-    SVGImage?: never;
-    imageStyles?: never;
-};
-export type FeatureDescriptionModalProps = {
-    title: string;
-    closeModalText?: string;
-    closeModal?: () => void;
-} & ((BaseFeatureDescriptionModalProps & {
-    tabsConfig?: never;
-}) | FeatureDescriptionModalWithTabsConfig);
-export type DescriptorProps = ((Omit<FeatureDescriptionModalProps, 'tabsConfig'> & {
-    tabsConfig?: never;
-}) | (Pick<FeatureDescriptionModalProps, 'title' | 'closeModalText' | 'closeModal'> & FeatureDescriptionModalWithTabsConfig)) & {
+export interface DescriptorProps extends FeatureDescriptionModalProps {
     breadCrumbs?: Breadcrumb[];
     additionalContainerClasses?: string;
     iconClassName?: string;
@@ -53,5 +26,4 @@ export type DescriptorProps = ((Omit<FeatureDescriptionModalProps, 'tabsConfig'>
      * @default false
      */
     showInfoIcon?: boolean;
-};
-export {};
+}