@devtron-labs/devtron-fe-common-lib 1.12.0 → 1.13.0-pre-1

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

@@ -1,4 +1,4 @@
-import { DynamicDataTableCellValidationState } from '../Shared/Components';
+import { DynamicDataTableCellValidationState, KeyValueTableData } from '../Shared/Components';
 export interface MaterialType {
     name: string;
     type: string;
@@ -123,7 +123,7 @@ export interface PortMapType {
     portOnLocal: number;
     portOnContainer: number;
 }
-interface ConditionDetails {
+export interface ConditionDetails {
     id: number;
     conditionOnVariable: string;
     conditionOperator: string;
@@ -220,10 +220,7 @@ export declare enum WORKFLOW_CACHE_CONFIG_ENUM {
 }
 export interface FormType {
     name: string;
-    args: {
-        key: string;
-        value: string;
-    }[];
+    args: KeyValueTableData[];
     materials: MaterialType[];
     gitHost: Githost;
     webhookEvents: WebhookEvent[];
@@ -271,22 +268,26 @@ export declare enum InputOutputVariablesHeaderKeys {
     FORMAT = "format",
     VALUE = "val"
 }
-export type InputOutputVariablesErrorObj = Record<InputOutputVariablesHeaderKeys, DynamicDataTableCellValidationState>;
+export declare enum ConditionDataTableHeaderKeys {
+    VARIABLE = "variable",
+    OPERATOR = "operator",
+    VALUE = "val"
+}
+type InputOutputVariablesErrorObj = Record<InputOutputVariablesHeaderKeys, DynamicDataTableCellValidationState>;
+type ConditionDetailsErrorObj = Record<ConditionDataTableHeaderKeys, DynamicDataTableCellValidationState>;
+interface StepDetailTaskErrorObj {
+    inputVariables?: Record<number, InputOutputVariablesErrorObj>;
+    outputVariables?: Record<number, InputOutputVariablesErrorObj>;
+    isInputVariablesValid?: boolean;
+    isOutputVariablesValid?: boolean;
+    conditionDetails?: Record<number, ConditionDetailsErrorObj>;
+    isConditionDetailsValid?: boolean;
+}
 export interface TaskErrorObj {
     isValid: boolean;
     name: ErrorObj;
-    inlineStepDetail?: {
-        inputVariables?: Record<number, InputOutputVariablesErrorObj>;
-        outputVariables?: Record<number, InputOutputVariablesErrorObj>;
-        isInputVariablesValid?: boolean;
-        isOutputVariablesValid?: boolean;
-    };
-    pluginRefStepDetail?: {
-        inputVariables?: Record<number, InputOutputVariablesErrorObj>;
-        outputVariables?: Record<number, InputOutputVariablesErrorObj>;
-        isInputVariablesValid?: boolean;
-        isOutputVariablesValid?: boolean;
-    };
+    inlineStepDetail?: StepDetailTaskErrorObj;
+    pluginRefStepDetail?: StepDetailTaskErrorObj;
 }
 export interface FormErrorObjectType {
     name: ErrorObj;

package/dist/Common/Checkbox/Checkbox.d.ts

@@ -0,0 +1,2 @@
+import { CheckboxProps } from '../Types';
+export declare const Checkbox: ({ rootClassName, onClick, name, disabled, value, onChange, tabIndex, isChecked, id, dataTestId, children, }: CheckboxProps) => JSX.Element;

package/dist/Common/Checkbox/index.d.ts

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

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

@@ -1,6 +1,6 @@
 import { MutableRefObject } from 'react';
 import { RuntimeParamsAPIResponseType, RuntimePluginVariables } from '../Shared/types';
-import { TeamList, ResponseType, DeploymentNodeType, CDMaterialServiceEnum, CDMaterialServiceQueryParams, CDMaterialResponseType, CDMaterialFilterQuery, EnvironmentListHelmResponse, UserApprovalMetadataType, GlobalVariableOptionType, UserRole } from './Types';
+import { TeamList, ResponseType, DeploymentNodeType, CDMaterialServiceEnum, CDMaterialServiceQueryParams, CDMaterialResponseType, CDMaterialFilterQuery, EnvironmentListHelmResponse, UserApprovalMetadataType, GlobalVariableOptionType, UserRole, EnvAppsMetaDTO, GetAppsInfoForEnvProps } from './Types';
 import { ApiResourceType } from '../Pages';
 export declare const getTeamListMin: () => Promise<TeamList>;
 export declare const SourceTypeMap: {
@@ -35,3 +35,4 @@ export declare const getGlobalVariables: ({ appId, isCD, abortControllerRef, }:
     isCD?: boolean;
     abortControllerRef?: MutableRefObject<AbortController>;
 }) => Promise<GlobalVariableOptionType[]>;
+export declare const getAppsInfoForEnv: ({ envId, appIds }: GetAppsInfoForEnvProps) => Promise<EnvAppsMetaDTO>;

package/dist/Common/Constants.d.ts

@@ -133,6 +133,8 @@ export declare const ROUTES: {
     readonly ENVIRONMENT_DATA: "global/environment-variables";
     readonly DASHBOARD_EVENT: "dashboard-event";
     readonly LICENSE_DATA: "license/data";
+    readonly ENV: "env";
+    readonly APP_METADATA: "app-metadata";
 };
 export declare enum KEY_VALUE {
     KEY = "key",

package/dist/Common/Hooks/UseRegisterShortcut/utils.d.ts

@@ -1,6 +1,6 @@
 import { ShortcutType } from './types';
 export declare const preprocessKeys: (keys: ShortcutType["keys"]) => {
-    keys: ("Alt" | "F" | "E" | "R" | "K" | "X" | "A" | "Home" | "End" | "." | "Space" | "Control" | "Shift" | "Meta" | "Escape" | "Enter" | "ArrowLeft" | "ArrowRight" | "ArrowUp" | "ArrowDown" | "PageUp" | "PageDown" | "Backspace" | "Delete")[];
+    keys: ("R" | "Alt" | "F" | "E" | "K" | "X" | "A" | "Home" | "End" | "." | "Space" | "Control" | "Shift" | "Meta" | "Escape" | "Enter" | "ArrowLeft" | "ArrowRight" | "ArrowUp" | "ArrowDown" | "PageUp" | "PageDown" | "Backspace" | "Delete")[];
     id: string;
 };
 export declare const verifyCallbackStack: (stack: ShortcutType["callbackStack"]) => 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, "children" | "id" | "className" | "disabled" | "onChange" | "name" | "target" | "onFocus" | "onBlur" | "onSubmit" | "onError" | "autoComplete" | "action" | "method" | "tagName" | "noValidate" | "readonly" | "uiSchema" | "schema" | "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<any, import('./types').RJSFFormSchema, any>>>;
+export declare const RJSFForm: import('react').ForwardRefExoticComponent<Pick<FormProps, "children" | "className" | "name" | "id" | "disabled" | "action" | "target" | "onFocus" | "onBlur" | "onChange" | "onSubmit" | "onError" | "method" | "autoComplete" | "tagName" | "noValidate" | "readonly" | "uiSchema" | "schema" | "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<any, import('./types').RJSFFormSchema, any>>>;

package/dist/Common/Types.d.ts

@@ -2,7 +2,7 @@ import { default as React, ReactNode, CSSProperties, ReactElement, MutableRefObj
 import { TippyProps } from '@tippyjs/react';
 import { UserGroupDTO } from '../Pages/GlobalConfigurations';
 import { ImageComment, ReleaseTag } from './ImageTags.Types';
-import { MandatoryPluginBaseStateType, RegistryType, RuntimePluginVariables, Severity, PolicyBlockInfo, TargetPlatformItemDTO, ButtonProps, ComponentLayoutType } from '../Shared';
+import { MandatoryPluginBaseStateType, RegistryType, RuntimePluginVariables, Severity, PolicyBlockInfo, TargetPlatformItemDTO, ButtonProps, ComponentLayoutType, StatusType } from '../Shared';
 import { ACTION_STATE, DEPLOYMENT_WINDOW_TYPE, DockerConfigOverrideType, RefVariableType, SortingOrder, TaskErrorObj, VariableTypeFormat } from '.';
 /**
  * Generic response type object with support for overriding the result type
@@ -75,6 +75,7 @@ export interface CheckboxProps {
     onClick?: (event: any) => void;
     id?: string;
     dataTestId?: string;
+    children?: ReactNode;
 }
 export interface TippyCustomizedProps extends Pick<TippyProps, 'appendTo'> {
     theme: TippyTheme;
@@ -910,15 +911,6 @@ export interface EnvironmentHelmResult {
     allowedDeploymentTypes?: DeploymentAppTypes[];
 }
 export type EnvironmentListHelmResponse = ResponseType<EnvironmentListHelmResult[]>;
-export interface WidgetEventDetails {
-    message: string;
-    namespace: string;
-    object: string;
-    source: string;
-    count: number;
-    age: string;
-    lastSeen: string;
-}
 export interface GlobalVariableDTO {
     name: string;
     format: VariableTypeFormat;
@@ -949,4 +941,17 @@ export declare enum ActionTypes {
     EDIT = "edit",
     APPROVER = "approver"
 }
+export interface GetAppsInfoForEnvProps {
+    envId: number;
+    appIds?: number[];
+}
+export interface AppMeta {
+    appId: number;
+    appStatus: StatusType;
+    appName: string;
+}
+export interface EnvAppsMetaDTO {
+    appCount: number;
+    apps: AppMeta[];
+}
 export {};

package/dist/Common/index.d.ts

@@ -6,7 +6,6 @@ export { default as ChartVersionAndTypeSelector } from './ChartVersionAndTypeSel
 export * from './Checkbox';
 export * from './CIPipeline.Types';
 export { ClipboardButton } from './ClipboardButton/ClipboardButton';
-export * from './CodeEditor/types';
 export * from './Common.service';
 export * from './Constants';
 export * from './CustomTagSelector';

package/dist/Shared/Components/AboutDevtron/AboutDevtronBody.d.ts

@@ -0,0 +1,4 @@
+declare const AboutDevtronBody: ({ isFELibAvailable }: {
+    isFELibAvailable: boolean;
+}) => JSX.Element;
+export default AboutDevtronBody;

package/dist/Shared/Components/AboutDevtron/AboutDevtronDialog.d.ts

@@ -0,0 +1,5 @@
+declare const AboutDevtronDialog: ({ handleCloseLicenseInfoDialog, isFELibAvailable, }: {
+    handleCloseLicenseInfoDialog: () => void;
+    isFELibAvailable: boolean;
+}) => JSX.Element;
+export default AboutDevtronDialog;

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

@@ -0,0 +1,2 @@
+export { default as AboutDevtronBody } from './AboutDevtronBody';
+export { default as AboutDevtronDialog } from './AboutDevtronDialog';

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

@@ -1,3 +1,3 @@
 import { AnimatedDeployButtonProps } from './types';
-declare const AnimatedDeployButton: ({ isVirtualEnvironment, onButtonClick }: AnimatedDeployButtonProps) => JSX.Element;
+declare const AnimatedDeployButton: ({ isLoading, isVirtualEnvironment, onButtonClick, exceptionUserConfig, isBulkCDTrigger, }: AnimatedDeployButtonProps) => JSX.Element;
 export default AnimatedDeployButton;

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

@@ -1,4 +1,10 @@
 export interface AnimatedDeployButtonProps {
+    isLoading?: boolean;
     isVirtualEnvironment: boolean;
     onButtonClick: (e: any, disableDeployButton: boolean) => void;
+    exceptionUserConfig?: {
+        canDeploy: boolean;
+        isImageApprover: boolean;
+    };
+    isBulkCDTrigger?: boolean;
 }

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

@@ -14,7 +14,9 @@ export declare enum ButtonStyleType {
     negativeGrey = "negative-grey",
     positive = "positive",
     warning = "warning",
-    neutral = "neutral"
+    neutral = "neutral",
+    neutralN0 = "neutral-n0",
+    neutralWhite = "neutral-white"
 }
 export declare enum ButtonComponentType {
     button = "button",

package/dist/Shared/Components/CICDHistory/Artifacts.d.ts

@@ -1,4 +1,4 @@
 import { ArtifactType, CIListItemType } from './types';
-export declare const CIListItem: ({ type, userApprovalMetadata, triggeredBy, children, ciPipelineId, artifactId, imageComment, imageReleaseTags, appReleaseTagNames, tagsEditable, hideImageTaggingHardDelete, appliedFilters, isSuperAdmin, promotionApprovalMetadata, appliedFiltersTimestamp, selectedEnvironmentName, renderCIListHeader, targetPlatforms, }: CIListItemType) => JSX.Element;
+export declare const CIListItem: ({ type, userApprovalMetadata, triggeredBy, children, ciPipelineId, artifactId, imageComment, imageReleaseTags, appReleaseTagNames, tagsEditable, hideImageTaggingHardDelete, appliedFilters, isSuperAdmin, promotionApprovalMetadata, appliedFiltersTimestamp, selectedEnvironmentName, renderCIListHeader, targetPlatforms, isDeploymentWithoutApproval, }: CIListItemType) => JSX.Element;
 declare const Artifacts: ({ status, artifact, blobStorageEnabled, isArtifactUploaded, downloadArtifactUrl, ciPipelineId, artifactId, isJobCI, imageComment, imageReleaseTags, appReleaseTagNames, tagsEditable, hideImageTaggingHardDelete, rootClassName, renderCIListHeader, targetPlatforms, }: ArtifactType) => JSX.Element;
 export default Artifacts;

package/dist/Shared/Components/CICDHistory/DeploymentDetailSteps.d.ts

@@ -1,3 +1,3 @@
 import { DeploymentDetailStepsType } from './types';
-declare const DeploymentDetailSteps: ({ deploymentStatus, deploymentAppType, isHelmApps, installedAppVersionHistoryId, isGitops, userApprovalMetadata, isVirtualEnvironment, processVirtualEnvironmentDeploymentData, renderDeploymentApprovalInfo, }: DeploymentDetailStepsType) => JSX.Element;
+declare const DeploymentDetailSteps: ({ deploymentStatus, deploymentAppType, isHelmApps, installedAppVersionHistoryId, isGitops, userApprovalMetadata, isVirtualEnvironment, processVirtualEnvironmentDeploymentData, renderDeploymentApprovalInfo, isDeploymentWithoutApproval, }: DeploymentDetailStepsType) => JSX.Element;
 export default DeploymentDetailSteps;

package/dist/Shared/Components/CICDHistory/History.components.d.ts

@@ -1,4 +1,4 @@
 import { GitChangesType, LogResizeButtonType, ScrollerType } from './types';
 export declare const LogResizeButton: ({ shortcutCombo, showOnlyWhenPathIncludesLogs, fullScreenView, setFullScreenView, }: LogResizeButtonType) => JSX.Element;
 export declare const Scroller: ({ scrollToTop, scrollToBottom, style }: ScrollerType) => JSX.Element;
-export declare const GitChanges: ({ gitTriggers, ciMaterials, artifact, userApprovalMetadata, triggeredByEmail, ciPipelineId, artifactId, imageComment, imageReleaseTags, appReleaseTagNames, tagsEditable, hideImageTaggingHardDelete, appliedFilters, appliedFiltersTimestamp, promotionApprovalMetadata, selectedEnvironmentName, renderCIListHeader, targetPlatforms, }: GitChangesType) => JSX.Element;
+export declare const GitChanges: ({ gitTriggers, ciMaterials, artifact, userApprovalMetadata, triggeredByEmail, ciPipelineId, artifactId, imageComment, imageReleaseTags, appReleaseTagNames, tagsEditable, hideImageTaggingHardDelete, appliedFilters, appliedFiltersTimestamp, promotionApprovalMetadata, selectedEnvironmentName, renderCIListHeader, targetPlatforms, isDeploymentWithoutApproval, }: GitChangesType) => JSX.Element;

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

@@ -134,6 +134,7 @@ export interface History extends Pick<TargetPlatformsDTO, 'targetPlatforms'>, Wo
     triggerMetadata?: string;
     runSource?: RunSourceType;
     targetConfig?: TargetConfigType;
+    isDeploymentWithoutApproval?: boolean;
 }
 export interface ExecutionInfoType {
     /**
@@ -313,7 +314,7 @@ export interface DeploymentStatusDetailsTimelineType {
     statusTime: string;
     resourceDetails?: SyncStageResourceDetail[];
 }
-export interface DeploymentStatusDetailsType {
+export interface DeploymentStatusDetailsType extends Pick<History, 'isDeploymentWithoutApproval'> {
     deploymentFinishedOn: string;
     deploymentStartedOn: string;
     triggeredBy: string;
@@ -327,7 +328,7 @@ export interface DeploymentStatusDetailsResponse extends ResponseType {
 }
 interface DeploymentStatusDetailRow {
     icon: string;
-    displayText: string;
+    displayText: ReactNode;
     displaySubText: string;
     time: string;
     resourceDetails?: any;
@@ -355,7 +356,7 @@ export interface DeploymentStatusDetailsBreakdownDataType {
         HELM_PACKAGE_GENERATED?: DeploymentStatusDetailRow;
     };
 }
-export interface DeploymentDetailStepsType {
+export interface DeploymentDetailStepsType extends Pick<History, 'isDeploymentWithoutApproval'> {
     deploymentStatus?: string;
     deploymentAppType?: DeploymentAppTypes;
     isHelmApps?: boolean;
@@ -366,7 +367,7 @@ export interface DeploymentDetailStepsType {
     processVirtualEnvironmentDeploymentData: (data?: DeploymentStatusDetailsType) => DeploymentStatusDetailsBreakdownDataType;
     renderDeploymentApprovalInfo: (userApprovalMetadata: UserApprovalMetadataType) => JSX.Element;
 }
-export interface RenderCIListHeaderProps {
+export interface RenderCIListHeaderProps extends Required<Pick<History, 'isDeploymentWithoutApproval'>> {
     userApprovalMetadata: UserApprovalMetadataType;
     triggeredBy: string;
     appliedFilters: FilterConditionsListType[];
@@ -384,7 +385,7 @@ export interface VirtualHistoryArtifactProps {
         workflowId: number;
     };
 }
-export type CIListItemType = Pick<History, 'promotionApprovalMetadata'> & {
+export type CIListItemType = Pick<History, 'promotionApprovalMetadata' | 'isDeploymentWithoutApproval'> & {
     userApprovalMetadata?: UserApprovalMetadataType;
     triggeredBy?: string;
     children: ReactNode;
@@ -601,6 +602,7 @@ export type GitChangesType = {
     appliedFilters?: never;
     appliedFiltersTimestamp?: never;
     renderCIListHeader?: never;
+    isDeploymentWithoutApproval?: never;
 } | {
     artifact: string;
     promotionApprovalMetadata: History['promotionApprovalMetadata'];
@@ -618,6 +620,7 @@ export type GitChangesType = {
     appliedFilters?: FilterConditionsListType[];
     appliedFiltersTimestamp?: string;
     renderCIListHeader: (renderCIListHeaderProps: RenderCIListHeaderProps) => JSX.Element;
+    isDeploymentWithoutApproval?: History['isDeploymentWithoutApproval'];
 });
 export interface ArtifactType extends Pick<TargetPlatformBadgeListProps, 'targetPlatforms'> {
     status: string;

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

@@ -1,4 +1,4 @@
-import { CMSecretYamlData } from '../../Services';
+import { KeyValueTableData } from '../KeyValueTable';
 import { ConfigMapSecretDataTypeOptionType } from './types';
 export declare const CONFIG_MAP_SECRET_YAML_PARSE_ERROR = "Please provide valid YAML";
 export declare const SECRET_TOAST_INFO: {
@@ -10,7 +10,7 @@ export declare const SECRET_TOAST_INFO: {
     BOTH_ESO_DATA_AND_DATA_FROM_UNAVAILABLE: string;
 };
 export declare const configMapDataTypeOptions: ConfigMapSecretDataTypeOptionType[];
-export declare const CONFIG_MAP_SECRET_DEFAULT_CURRENT_DATA: CMSecretYamlData[];
+export declare const CONFIG_MAP_SECRET_DEFAULT_CURRENT_DATA: KeyValueTableData[];
 export declare const configMapSecretMountDataMap: {
     environment: {
         title: string;

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

@@ -1,8 +1,9 @@
 import { GroupBase, OptionsOrGroups } from 'react-select';
-import { CMSecretPayloadType, CMSecretYamlData, ConfigMapSecretUseFormProps, ESOSecretData, GetConfigMapSecretFormInitialValuesParamsType } from '../../Services';
+import { CMSecretPayloadType, ConfigMapSecretUseFormProps, ESOSecretData, GetConfigMapSecretFormInitialValuesParamsType } from '../../Services';
+import { KeyValueTableData } from '../KeyValueTable';
 import { ConfigMapSecretDataTypeOptionType, GetConfigMapSecretReadOnlyValuesParamsType } from './types';
 export declare const getSecretDataTypeOptions: (isJob: boolean, isHashiOrAWS: boolean) => ConfigMapSecretDataTypeOptionType[] | OptionsOrGroups<ConfigMapSecretDataTypeOptionType, GroupBase<ConfigMapSecretDataTypeOptionType>>;
-export declare const convertKeyValuePairToYAML: (currentData: CMSecretYamlData[]) => string;
+export declare const convertKeyValuePairToYAML: (currentData: KeyValueTableData[]) => string;
 export declare const getConfigMapSecretFormInitialValues: ({ isJob, configMapSecretData, cmSecretStateLabel, componentType, skipValidation, fallbackMergeStrategy, }: GetConfigMapSecretFormInitialValuesParamsType) => ConfigMapSecretUseFormProps;
 export declare const getConfigMapSecretReadOnlyValues: ({ configMapSecretData, cmSecretStateLabel, componentType, isJob, fallbackMergeStrategy, displayKeys, }: GetConfigMapSecretReadOnlyValuesParamsType) => {
     configData: {
@@ -12,6 +13,6 @@ export declare const getConfigMapSecretReadOnlyValues: ({ configMapSecretData, c
     }[];
     data: string;
 };
-export declare const convertYAMLToKeyValuePair: (yaml: string) => CMSecretYamlData[];
+export declare const convertYAMLToKeyValuePair: (yaml: string) => KeyValueTableData[];
 export declare const getESOSecretDataFromYAML: (yaml: string) => ESOSecretData;
 export declare const getConfigMapSecretPayload: ({ isSecret, external, externalType, externalSubpathValues, yaml, yamlMode, currentData, esoSecretYaml, filePermission, name, selectedType, isFilePermissionChecked, roleARN, volumeMountPath, isSubPathChecked, mergeStrategy, }: ConfigMapSecretUseFormProps) => CMSecretPayloadType;

package/dist/{Common/CodeMirror → Shared/Components/CodeEditor}/types.d.ts

@@ -3,9 +3,9 @@ import { MergeView } from '@codemirror/merge';
 import { SearchQuery } from '@codemirror/search';
 import { EditorView, Extension, ReactCodeMirrorProps } from '@uiw/react-codemirror';
 import { JSONSchema7 } from 'json-schema';
-import { MODES } from '../Constants';
-import { AppThemeType } from '../../Shared/Providers';
-import { Never } from '../../Shared/types';
+import { MODES } from '../../../Common/Constants';
+import { AppThemeType } from '../../Providers';
+import { Never } from '../../types';
 export interface CodeEditorStatusBarProps {
     text: string;
     className?: string;

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

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

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

@@ -1,2 +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;
+export declare const DynamicDataTableHeader: <K extends string, CustomStateType = Record<string, unknown>>({ headers, rows, sortingConfig, addBtnTooltip, onRowAdd, readOnly, isAdditionNotAllowed, isDeletionNotAllowed, headerComponent, actionButtonConfig, }: DynamicDataTableHeaderProps<K, CustomStateType>) => JSX.Element;

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

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

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

@@ -1,4 +1,4 @@
-import { DetailedHTMLProps, ReactElement, ReactNode } from 'react';
+import { DetailedHTMLProps, Dispatch, ReactElement, ReactNode, SetStateAction } from 'react';
 import { ResizableTagTextAreaProps } from '../../../Common/CustomTagSelector';
 import { UseStateFiltersReturnType } from '../../../Common/Hooks';
 import { TooltipProps } from '@Common/Tooltip/types';
@@ -112,6 +112,10 @@ export type DynamicDataTableProps<K extends string, CustomStateType = Record<str
     isDeletionNotAllowed?: boolean;
     /** When true, data add or update is disabled. */
     readOnly?: boolean;
+    /** Tooltip for add button.
+     * @default 'Add'
+     */
+    addBtnTooltip?: string;
     /** Function to handle the addition of a new row to the table. */
     onRowAdd: () => void;
     /**
@@ -163,8 +167,10 @@ export type DynamicDataTableProps<K extends string, CustomStateType = Record<str
      */
     focusableFieldKey?: K;
 };
-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 DynamicDataTableHeaderProps<K extends string, CustomStateType = Record<string, unknown>> extends Pick<DynamicDataTableProps<K, CustomStateType>, 'headers' | 'rows' | 'headerComponent' | 'sortingConfig' | 'addBtnTooltip' | 'onRowAdd' | 'readOnly' | 'isAdditionNotAllowed' | 'isDeletionNotAllowed' | 'actionButtonConfig'> {
 }
 export interface DynamicDataTableRowProps<K extends string, CustomStateType = Record<string, unknown>> extends Pick<DynamicDataTableProps<K, CustomStateType>, 'rows' | 'headers' | 'isAdditionNotAllowed' | 'isDeletionNotAllowed' | 'readOnly' | 'onRowEdit' | 'onRowDelete' | 'actionButtonConfig' | 'cellError' | 'leadingCellIcon' | 'trailingCellIcon' | 'buttonCellWrapComponent' | 'focusableFieldKey'> {
+    isAddRowButtonClicked: boolean;
+    setIsAddRowButtonClicked: Dispatch<SetStateAction<boolean>>;
 }
 export {};

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

@@ -1,3 +1,3 @@
-import { AnimatePresence } from 'framer-motion';
+import { AnimatePresence, motion } from 'framer-motion';
 export * from './MotionDiv';
-export { AnimatePresence };
+export { AnimatePresence, motion };

package/dist/Shared/Components/Header/PageHeader.d.ts

@@ -1,3 +1,3 @@
 import { PageHeaderType } from './types';
-declare const PageHeader: ({ headerName, additionalHeaderInfo, showTabs, renderHeaderTabs, isBreadcrumbs, breadCrumbs, renderActionButtons, showCloseButton, onClose, markAsBeta, showAnnouncementHeader, tippyProps, }: PageHeaderType) => JSX.Element;
+declare const PageHeader: ({ headerName, additionalHeaderInfo, showTabs, renderHeaderTabs, isBreadcrumbs, breadCrumbs, renderActionButtons, showCloseButton, onClose, markAsBeta, tippyProps, }: PageHeaderType) => JSX.Element;
 export default PageHeader;

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

@@ -16,7 +16,6 @@ export interface PageHeaderType {
     showCloseButton?: boolean;
     onClose?: () => void;
     markAsBeta?: boolean;
-    showAnnouncementHeader?: boolean;
     tippyProps?: Pick<TippyCustomizedProps, 'additionalContent'> & {
         isTippyCustomized?: boolean;
         tippyRedirectLink?: string;

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

@@ -3,12 +3,15 @@ export declare const iconMap: {
     'ic-73strings': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-aborted': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-add': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-amazon-eks': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-apica': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-app-group': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrow-clockwise': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrow-right': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-arrow-square-out': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrows-left-right': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ather': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-azure-aks': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-azure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bg-cluster': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bharatpe': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -19,20 +22,25 @@ export declare const iconMap: {
     'ic-calendar': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cancelled': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-card-stack': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-caret-down-small': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-caret-left': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-caret-right': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cd': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-chat-circle-dots': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-check': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-checks': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ci-linked': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ci-webhook': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-circle-loader': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-clock': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-close-large': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-close-small': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-cloud-vms': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-code': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-container': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cookr': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-copy': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-cpu': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-crown': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cube': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-delete-lightning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -40,32 +48,44 @@ export declare const iconMap: {
     'ic-delhivery': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-devtron-header-logo': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-devtron': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-disconnect': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-dockerhub': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ecr': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-env': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-error': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-expand-right-sm': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-failure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-file-key': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-folder-user': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gear': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-gift-gradient': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-gift': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-git': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-github': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gitlab': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-google-artifact-registry': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-google-container-registry': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-google-gke': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-google': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-grid-view': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-hand-pointing': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-heart-green': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-heart-red-animated': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-heart-red': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-helm': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-help-filled': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-help-outline': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-hibernate': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-in-progress': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-info-filled': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-info-outline': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-install': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-job-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-k3s': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-k8s-job': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-key': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-kind': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-laptop': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ldap': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-lightning-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-lightning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -74,8 +94,12 @@ export declare const iconMap: {
     'ic-logout': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-medium-delete': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-medium-paintbucket': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-megaphone-left': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-memory': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-microsoft': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-minikube': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-missing': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-mobile': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-monitoring': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-new': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-node-script': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -88,11 +112,14 @@ export declare const iconMap: {
     'ic-pencil': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-quay': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-quote': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-rocket-launch': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-selected': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-shield-check': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sliders-vertical': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sort-ascending': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sort-descending': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sortable': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-sparkle-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-spinny': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-stack': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-stamp': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -100,13 +127,18 @@ export declare const iconMap: {
     'ic-suspended': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-tata1mg': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-terminal-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-timeout-two-dash': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-thumb-down': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-thumb-up': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-timeout-dash': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-timer': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-travclan': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-ubuntu': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-unknown': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-user-circle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-user-key': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-users': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-warning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-wifi-slash': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
 };
 export type IconName = keyof typeof iconMap;
 export interface IconsProps extends Omit<IconBaseProps, 'name' | 'iconMap'> {

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

@@ -11,7 +11,7 @@ export interface IconBaseProps {
      * The size of the icon in pixels.
      * @default 16
      */
-    size?: IconBaseSizeType;
+    size?: IconBaseSizeType | null;
     /** Props to configure the tooltip when hovering over the icon. */
     tooltipProps?: TooltipProps;
     /**

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

@@ -1,7 +1,7 @@
+import { InfoBlockVariant } from '../../constants';
 import { ButtonProps } from '../Button';
 import { InfoBlockProps } from './types';
-export declare const VARIANT_TO_BG_MAP: Record<InfoBlockProps['variant'], string>;
-export declare const VARIANT_TO_ICON_MAP: Record<InfoBlockProps['variant'], InfoBlockProps['customIcon']>;
+export declare const VARIANT_TO_ICON_MAP: Record<InfoBlockVariant, InfoBlockProps['customIcon']>;
 export declare const CONTAINER_SIZE_TO_CLASS_MAP: Record<InfoBlockProps['size'], string>;
 export declare const SIZE_TO_ICON_CLASS_MAP: Record<InfoBlockProps['size'], string>;
 export declare const CONTAINER_SIZE_TO_BUTTON_SIZE: Record<InfoBlockProps['size'], ButtonProps['size']>;