@devtron-labs/devtron-fe-common-lib 1.2.5-beta-8 → 1.2.5-beta-10

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, onBlur, onFocus, refVar, dependentRef, dependentRefs, className, disableOnBlurResizeToMinHeight, id, ...restProps }: 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>;
-    dataTestId?: string;
-    handleKeyDown?: any;
-    disabled?: boolean;
+    value: string;
+    refVar?: MutableRefObject<HTMLTextAreaElement>;
+    dependentRef?: MutableRefObject<HTMLTextAreaElement>;
+    dependentRefs?: Record<string | number, MutableRefObject<HTMLTextAreaElement>>;
     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/Types.d.ts

@@ -1,5 +1,6 @@
 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';
@@ -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;
@@ -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/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, readOnly, isAdditionNotAllowed, isDeletionNotAllowed, cellError, actionButtonConfig, onRowEdit, onRowDelete, leadingCellIcon, trailingCellIcon, buttonCellWrapComponent, }: DynamicDataTableRowProps<K>) => JSX.Element;

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

@@ -0,0 +1,2 @@
+export declare const ACTION_BUTTON_DEFAULT_WIDTH = "33px";
+export declare const DELETE_BUTTON_WIDTH = "33px";

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,162 @@
+import { DetailedHTMLProps, ReactElement, ReactNode } from 'react';
+import { ResizableTagTextAreaProps } from '../../../Common/CustomTagSelector';
+import { InfoIconTippyProps } from '../../../Common/Types';
+import { UseStateFiltersReturnType } from '../../../Common/Hooks';
+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 */
+    renderAdditionalContent?: () => ReactNode;
+};
+export declare enum DynamicDataTableRowDataType {
+    TEXT = "text",
+    DROPDOWN = "dropdown",
+    SELECT_TEXT = "select-text",
+    BUTTON = "button"
+}
+export type DynamicDataTableCellPropsMap = {
+    [DynamicDataTableRowDataType.TEXT]: Omit<ResizableTagTextAreaProps, 'id' | '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;
+    /** An optional boolean indicating if row deletion is disabled. */
+    disableDelete?: boolean;
+};
+/**
+ * Represents the validation state of a cell in a dynamic data table.
+ */
+export type DynamicDataTableCellValidationState = {
+    isValid: boolean;
+    errorMessages: string[];
+};
+/**
+ * Defines the structure of validation errors for a cell.
+ *
+ * `K` represents the column `key` of the cell (i.e., the column identifiers).
+ */
+export type DynamicDataTableCellErrorType<K extends string> = {
+    [rowId: string | number]: Partial<Record<K, DynamicDataTableCellValidationState>>;
+};
+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?: Pick<UseStateFiltersReturnType<K>, 'sortBy' | 'sortOrder' | 'handleSorting'>;
+    /** 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 '33px'
+         */
+        width?: string;
+        /**
+         * The position of the action button under the header key.
+         * @default 'start'
+         */
+        position?: 'start' | 'end';
+    };
+    /**
+     * Validation state for a specific cell in a dynamic data table.
+     */
+    cellError?: DynamicDataTableCellErrorType<K>;
+};
+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' | 'isAdditionNotAllowed' | 'isDeletionNotAllowed' | 'readOnly' | 'onRowEdit' | 'onRowDelete' | 'actionButtonConfig' | 'cellError' | '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/KeyValueTable/KeyValueTable.types.d.ts

@@ -18,7 +18,7 @@ export interface KeyValueHeader<K extends string> {
  */
 export type KeyValueRow<K extends string> = {
     data: {
-        [key in K]: Pick<ResizableTagTextAreaProps, 'value' | 'dataTestId' | 'disabled' | 'tabIndex'> & {
+        [key in K]: Pick<ResizableTagTextAreaProps, 'value' | 'disabled' | 'tabIndex'> & {
             /** An optional boolean indicating if an asterisk should be shown. */
             required?: boolean;
         };

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

@@ -0,0 +1,2 @@
+import { SelectTextAreaProps } from './types';
+export declare const SelectTextArea: ({ value, Icon, onChange, options, inputId, placeholder, refVar, dependentRefs, disabled, selectPickerProps, textAreaProps, }: SelectTextAreaProps) => JSX.Element;

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

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

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

@@ -0,0 +1,12 @@
+import { ReactElement } from 'react';
+import { ResizableTagTextAreaProps } from '../../../Common/CustomTagSelector';
+import { SelectPickerOptionType, SelectPickerProps } from '../SelectPicker';
+export type SelectTextAreaProps = Pick<SelectPickerProps<string, false>, 'inputId' | 'options'> & Pick<ResizableTagTextAreaProps, 'refVar' | 'dependentRefs'> & {
+    value: string;
+    Icon?: ReactElement;
+    onChange?: (selectedValue: SelectPickerOptionType<string>) => void;
+    disabled?: boolean;
+    placeholder?: string;
+    textAreaProps?: Omit<ResizableTagTextAreaProps, 'refVar' | 'dependentRef' | 'id' | 'value' | 'onChange' | 'placeholder' | 'disabled'>;
+    selectPickerProps?: Omit<SelectPickerProps<string, false>, 'inputId' | 'options' | 'isDisabled' | 'onChange' | 'variant' | 'value' | 'placeholder' | 'fullWidth' | 'selectRef' | 'onCreateOption' | 'isMulti'>;
+};

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

@@ -43,3 +43,4 @@ export * from './Button';
 export * from './InvalidYAMLTippy';
 export * from './ConfirmationModal';
 export * from './DiffViewer';
+export * from './DynamicDataTable';

package/dist/Shared/Helpers.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 import { Pair } from 'yaml';
 import { MaterialHistoryType } from '@Shared/Services/app.types';
-import { MaterialInfo, SortingOrder, UserApprovalConfigType, ApprovalConfigDataType, UserApprovalInfo } from '../Common';
+import { MaterialInfo, SortingOrder, UserApprovalConfigType } from '../Common';
 import { GitTriggers, IntersectionChangeHandler, IntersectionOptions, PreventOutsideFocusProps, WebhookEventNameType } from './types';
 import { AggregatedNodes, DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType, PodMetadatum } from './Components';
 interface HighlightSearchTextProps {
@@ -40,13 +40,12 @@ export declare const decode: (data: any, isEncoded?: boolean) => {};
 export declare const isTimeStringAvailable: (time: string) => boolean;
 export declare const getTimeDifference: (startTime: string, endTime: string) => string;
 export declare const getFileNameFromHeaders: (headers: Headers) => string;
-export declare const sanitizeUserApprovalList: (approverList: UserApprovalInfo["approverList"]) => UserApprovalInfo["approverList"];
-export declare const sanitizeApprovalConfigData: (approvalConfigData: ApprovalConfigDataType | null) => ApprovalConfigDataType;
+export declare const sanitizeUserApprovalConfig: (userApprovalConfig: UserApprovalConfigType) => UserApprovalConfigType;
 /**
  * Manual approval is considered configured only if the type is not notConfigured
  */
 export declare const getIsManualApprovalConfigured: (userApprovalConfig?: Pick<UserApprovalConfigType, "type">) => boolean;
-export declare const getIsApprovalPolicyConfigured: (approvalConfigData: ApprovalConfigDataType) => boolean;
+export declare const getIsManualApprovalSpecific: (userApprovalConfig?: Pick<UserApprovalConfigType, "type">) => boolean;
 /**
  * @description - Function to open a new tab with the given url
  * @param url - url to be opened in new tab

package/dist/Shared/Services/app.types.d.ts

@@ -1,4 +1,4 @@
-import { ReleaseTag, UserApprovalMetadataType } from '../../Common';
+import { ReleaseTag } from '../../Common';
 interface WebhookDataType {
     id: number;
     eventActionType: string;
@@ -132,7 +132,6 @@ export interface DraftMetadataDTO {
     commentsCount: number;
     dataEncrypted: boolean;
     isAppAdmin: boolean;
-    userApprovalMetadata: UserApprovalMetadataType;
 }
 export declare enum CMSecretExternalType {
     Internal = "",

package/dist/Shared/constants.d.ts

@@ -417,11 +417,4 @@ export declare const ALL_RESOURCE_KIND_FILTER = "all";
 export declare const OPEN_NEW_TICKET = "https://enterprise.devtron.ai/portal/en/newticket";
 export declare const VIEW_ALL_TICKETS = "https://enterprise.devtron.ai/portal/en/myarea";
 export declare const RAISE_ISSUE = "https://github.com/devtron-labs/devtron/issues/new/choose";
-export declare const TARGET_IDS: {
-    WORKFLOW_EDITOR_CONTAINER: string;
-};
-/**
- * Env ID to get the data for base configuration
- */
-export declare const BASE_CONFIGURATION_ENV_ID = -1;
 export declare const DEVTRON_BASE_MAIN_ID = "devtron-base-main-identifier";