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

package/dist/{@common-rjsf-D7zjI7cT.js → @common-rjsf-BkqyXvxk.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-DoW0mFjU.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/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

@@ -12,6 +12,7 @@ export declare const DOCUMENTATION: {
     GLOBAL_CONFIG_BUILD_INFRA: string;
 };
 export declare const PATTERNS: {
+    STRING: RegExp;
     KUBERNETES_KEY_PREFIX: RegExp;
     KUBERNETES_KEY_NAME: RegExp;
     START_END_ALPHANUMERIC: RegExp;

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,9 +1,20 @@
+import { DetailedHTMLProps, MutableRefObject, TextareaHTMLAttributes } from 'react';
 import { KEY_VALUE } from '../Constants';
 import { OptionType } from '../Types';
 export interface SuggestedTagOptionType extends OptionType {
     description: string;
     propagate: boolean;
 }
+export declare enum DeploymentPolicy {
+    ALLOW = "allow",
+    BLOCK = "block",
+    BLOCK_PROD = "block-prod",
+    BLOCK_NON_PROD = "block-non-prod"
+}
+export interface VariableValueConstraintTypes {
+    choices?: string[];
+    blockCustomValue?: boolean;
+}
 export interface TagType {
     id?: number;
     key: string;
@@ -15,6 +26,8 @@ export interface TagType {
     isInvalidValue?: boolean;
     isSuggested?: boolean;
     isPropagateDisabled?: boolean;
+    deploymentPolicy?: DeploymentPolicy;
+    valueConstraint?: VariableValueConstraintTypes;
 }
 export interface TagErrorType {
     isValid: boolean;
@@ -48,24 +61,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

@@ -1,6 +1,6 @@
 import { default as React, SyntheticEvent } from 'react';
 import { JSONPathOptions } from 'jsonpath-plus';
-import { AsyncOptions, UseSearchString } from './Types';
+import { AsyncOptions, DeploymentNodeType, UseSearchString } from './Types';
 import { scrollableInterface } from '../Shared';
 export declare function showError(serverError: any, showToastOnUnknownError?: boolean, hideAccessError?: boolean): void;
 interface ConditionalWrapper<T> {
@@ -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;
@@ -133,4 +133,5 @@ export declare const getSanitizedIframe: (iframeString: string) => string;
  * This method adds default attributes to iframe - title, loading ="lazy", width="100%", height="100%"
  */
 export declare const getIframeWithDefaultAttributes: (iframeString: string, defaultName?: string) => string;
+export declare const getStageTitle: (stageType: DeploymentNodeType) => string;
 export {};

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, PolicyBlockInfo, RegistryType, RuntimeParamsListItemType, 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;
@@ -441,6 +432,10 @@ export interface CDMaterialType {
      * Would currently only be received in case of release
      */
     appWorkflowId: number;
+    /**
+     * Denotes trigger blocking due to mandatory tags, (might be used for plugins and other features in future)
+     */
+    deploymentBlockedState?: PolicyBlockInfo;
 }
 export declare enum CDMaterialServiceEnum {
     ROLLBACK = "rollback",
@@ -477,6 +472,14 @@ export interface DownstreamNodesEnvironmentsType {
     environmentId: number;
     environmentName: string;
 }
+export declare enum TriggerBlockType {
+    MANDATORY_TAG = "mandatory-tags",
+    MANDATORY_PLUGIN = "mandatory-plugins"
+}
+export interface TriggerBlockedInfo {
+    blockedBy: TriggerBlockType;
+    blockedReason?: string;
+}
 export interface CommonNodeAttr extends Pick<MandatoryPluginBaseStateType, 'isTriggerBlocked' | 'pluginBlockState'> {
     connectingCiPipelineId?: number;
     parents: string | number[] | string[];
@@ -524,7 +527,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;
@@ -538,6 +542,7 @@ export interface CommonNodeAttr extends Pick<MandatoryPluginBaseStateType, 'isTr
     downstreamEnvironments?: DownstreamNodesEnvironmentsType[];
     cipipelineId?: number;
     isDeploymentBlocked?: boolean;
+    triggerBlockedInfo?: TriggerBlockedInfo;
 }
 export declare enum DeploymentAppTypes {
     HELM = "helm",
@@ -581,17 +586,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;
@@ -604,6 +606,7 @@ export interface CDMaterialsMetaInfo {
      */
     requestedUserId: number;
     runtimeParams: RuntimeParamsListItemType[];
+    deploymentBlockedState?: PolicyBlockInfo;
 }
 export interface ImagePromotionMaterialInfo {
     isApprovalPendingForPromotion: boolean;
@@ -670,6 +673,7 @@ export interface AppEnvironment {
     appStatus?: string;
     deploymentAppDeleteRequest?: boolean;
     isVirtualEnvironment?: boolean;
+    isProtected?: boolean;
     pipelineId?: number;
     latestCdWorkflowRunnerId?: number;
     commits?: string[];
@@ -696,6 +700,7 @@ export interface PrePostDeployStageType extends MandatoryPluginBaseStateType {
     triggerType: string;
     name: string;
     status: string;
+    triggerBlockedInfo?: TriggerBlockedInfo;
 }
 export interface CdPipeline {
     id: number;
@@ -720,6 +725,7 @@ export interface CdPipeline {
     parentPipelineType?: string;
     deploymentAppDeleteRequest?: boolean;
     deploymentAppCreated?: boolean;
+    userApprovalConfig?: UserApprovalConfigType;
     isVirtualEnvironment?: boolean;
     deploymentAppType: DeploymentAppTypes;
     helmPackageName?: string;
@@ -728,7 +734,8 @@ export interface CdPipeline {
     isProdEnv?: boolean;
     isGitOpsRepoNotConfigured?: boolean;
     isDeploymentBlocked?: boolean;
-    approvalConfigData: ApprovalConfigDataType;
+    isTriggerBlocked?: boolean;
+    triggerBlockedInfo?: TriggerBlockedInfo;
 }
 export interface ExternalCiConfig {
     id: number;
@@ -830,11 +837,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/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/Shared/Components/DynamicDataTable/DynamicDataTable.d.ts

@@ -0,0 +1,2 @@
+import { DynamicDataTableProps } from './types';
+export declare const DynamicDataTable: <K extends string>({ headers, ...props }: DynamicDataTableProps<K>) => 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>({ headers, rows, sortingConfig, onRowAdd, readOnly, isAdditionNotAllowed, isDeletionNotAllowed, headerComponent, actionButtonConfig, }: DynamicDataTableHeaderProps<K>) => 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>({ rows, headers, maskValue, readOnly, isAdditionNotAllowed, isDeletionNotAllowed, validationSchema, showError, actionButtonConfig, onRowEdit, onRowDelete, leadingCellIcon, trailingCellIcon, buttonCellWrapComponent, }: DynamicDataTableRowProps<K>) => 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,165 @@
+import { DetailedHTMLProps, ReactElement, ReactNode } from 'react';
+import { SortingOrder } from '../../../Common/Constants';
+import { ResizableTagTextAreaProps } from '../../../Common/CustomTagSelector';
+import { InfoIconTippyProps } from '../../../Common/Types';
+import { SelectPickerOptionType, SelectPickerProps } from '../SelectPicker';
+import { SelectTextAreaProps } from '../SelectTextArea';
+/**
+ * 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;
+    /** An optional boolean to show the column */
+    renderHelpTextForHeader?: () => ReactNode;
+};
+export declare enum DynamicDataTableRowDataType {
+    TEXT = "text",
+    DROPDOWN = "dropdown",
+    SELECT_TEXT = "select-text",
+    BUTTON = "button"
+}
+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;
+    };
+};
+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;
+        } & DynamicDataTableCellData;
+    };
+    id: string | number;
+    /** */
+    customState?: CustomStateType;
+};
+type DynamicDataTableMask<K extends string> = {
+    [key in K]?: boolean;
+};
+type DynamicDataTableCellIcon<K extends string> = {
+    [key in K]?: (row: DynamicDataTableRowType<K>) => 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> = {
+    /**
+     * 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>[];
+    /** 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>;
+    /** Optional configuration for displaying an icon in the trailing position of a cell. */
+    trailingCellIcon?: DynamicDataTableCellIcon<K>;
+    /** An optional function to render a custom wrapper component for the type `DynamicDataTableRowDataType.BUTTON`. */
+    buttonCellWrapComponent?: (row: DynamicDataTableRowType<K>) => 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>, headerKey: K, value: string, extraData: {
+        selectedValue?: SelectPickerOptionType<string>;
+    }) => void;
+    /**
+     * Function to handle row deletions.
+     * @param row - The row that was deleted.
+     */
+    onRowDelete: (row: DynamicDataTableRowType<K>) => 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>) => 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>) => {
+        isValid: boolean;
+        errorMessages: string[];
+    };
+};
+export interface DynamicDataTableHeaderProps<K extends string> extends Pick<DynamicDataTableProps<K>, 'headers' | 'rows' | 'headerComponent' | 'sortingConfig' | 'onRowAdd' | 'readOnly' | 'isAdditionNotAllowed' | 'isDeletionNotAllowed' | 'actionButtonConfig'>, Pick<InfoIconTippyProps, 'heading' | 'additionalContent'> {
+}
+export interface DynamicDataTableRowProps<K extends string> extends Pick<DynamicDataTableProps<K>, '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>({ headers, actionButtonConfig, }: Pick<DynamicDataTableProps<K>, "headers" | "actionButtonConfig">) => number;
+export declare const getHeaderGridTemplateColumn: <K extends string>(headers: DynamicDataTableHeaderType<K>[], actionButtonConfig: DynamicDataTableProps<K>["actionButtonConfig"], noDeleteBtn: boolean) => string;
+export declare const getRowGridTemplateColumn: <K extends string>(headers: DynamicDataTableHeaderType<K>[], actionButtonConfig: DynamicDataTableProps<K>["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 {};
+}

package/dist/Shared/Components/SelectPicker/type.d.ts

@@ -24,6 +24,10 @@ export interface SelectPickerOptionType<OptionValue = string | number> extends O
     tooltipProps?: Omit<TooltipProps, 'alwaysShowTippyOnHover' | 'showOnTruncate' | 'shortcutKeyCombo'> | (Omit<TooltipProps, 'alwaysShowTippyOnHover' | 'showOnTruncate' | 'content'> & Required<Pick<TooltipProps, 'shortcutKeyCombo'>>);
 }
 type SelectProps<OptionValue, IsMulti extends boolean> = ReactSelectProps<SelectPickerOptionType<OptionValue>, IsMulti, GroupBase<SelectPickerOptionType<OptionValue>>>;
+export declare enum SelectPickerVariantType {
+    DEFAULT = "default",
+    BORDER_LESS = "border-less"
+}
 declare module 'react-select/base' {
     interface Props<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
         /**
@@ -55,12 +59,9 @@ declare module 'react-select/base' {
          * @default 'true'
          */
         showSelectedOptionIcon?: boolean;
+        variant?: SelectPickerVariantType;
     }
 }
-export declare enum SelectPickerVariantType {
-    DEFAULT = "default",
-    BORDER_LESS = "border-less"
-}
 export type SelectPickerProps<OptionValue = number | string, IsMulti extends boolean = false> = Pick<SelectProps<OptionValue, IsMulti>, 'name' | 'classNamePrefix' | 'options' | 'value' | 'onChange' | 'isSearchable' | 'isClearable' | 'hideSelectedOptions' | 'controlShouldRenderValue' | 'closeMenuOnSelect' | 'isDisabled' | 'isLoading' | 'required' | 'isOptionDisabled' | 'placeholder' | 'menuPosition' | 'getOptionLabel' | 'getOptionValue' | 'isOptionSelected' | 'menuIsOpen' | 'onMenuOpen' | 'onMenuClose' | 'autoFocus' | 'onBlur' | 'onKeyDown' | 'formatOptionLabel' | 'onInputChange' | 'inputValue'> & Partial<Pick<SelectProps<OptionValue, IsMulti>, 'renderMenuListFooter' | 'shouldRenderCustomOptions' | 'renderCustomOptions' | 'icon' | 'showSelectedOptionIcon'>> & Required<Pick<SelectProps<OptionValue, IsMulti>, 'inputId'>> & Partial<Pick<CreatableProps<SelectPickerOptionType<OptionValue>, IsMulti, GroupBase<SelectPickerOptionType<OptionValue>>>, 'onCreateOption'>> & {
     /**
      * Error message for the select