@devtron-labs/devtron-fe-common-lib 0.5.2-beta-1 → 0.5.2

package/dist/Common/Constants.d.ts

@@ -5,7 +5,6 @@ export declare const DOCUMENTATION_HOME_PAGE = "https://docs.devtron.ai";
 export declare const DOCUMENTATION_VERSION = "/v/v0.7";
 export declare const DISCORD_LINK = "https://discord.devtron.ai/";
 export declare const DOCUMENTATION: {
-    APP_METRICS: string;
     APP_TAGS: string;
     APP_OVERVIEW_TAGS: string;
     BLOB_STORAGE: string;
@@ -49,7 +48,6 @@ export declare const URLS: {
 export declare const ROUTES: {
     APP: string;
     APP_ARTIFACT_PROMOTE_MATERIAL: string;
-    APP_TEMPLATE_DATA: string;
     PROJECT_LIST_MIN: string;
     USER_CHECK_ROLE: string;
     IMAGE_TAGGING: string;
@@ -252,7 +250,6 @@ export declare const API_STATUS_CODES: {
     PERMISSION_DENIED: number;
     NOT_FOUND: number;
     EXPECTATION_FAILED: number;
-    LOCKED: number;
 };
 export declare enum SERVER_MODE {
     EA_ONLY = "EA_ONLY",

package/dist/Common/Types.d.ts

@@ -661,8 +661,6 @@ export interface AppEnvironment {
     isProtected?: boolean;
     pipelineId?: number;
     latestCdWorkflowRunnerId?: number;
-    commits?: string[];
-    ciArtifactId?: number;
 }
 export interface Strategy {
     deploymentTemplate: string;
@@ -781,6 +779,12 @@ export interface CiPipeline {
     isOffendingMandatoryPlugin?: boolean;
     pipelineType?: string;
 }
+export interface DeploymentChartVersionType {
+    chartRefId: number;
+    chartVersion: string;
+    chartType: string;
+    type: number;
+}
 export interface ChartVersionAndTypeSelectorProps {
     setSelectedChartRefId: React.Dispatch<React.SetStateAction<number>>;
 }

package/dist/Pages/App/AppConfigurations/index.d.ts

@@ -0,0 +1 @@
+export { getDeploymentStageTitle } from './utils';

package/dist/Pages/App/AppConfigurations/utils.d.ts

@@ -0,0 +1,2 @@
+import { DeploymentStageType } from '../../../Shared/constants';
+export declare const getDeploymentStageTitle: (stage: DeploymentStageType) => "-" | "pre-deployment" | "post-deployment" | "deployment";

package/dist/Pages/{Applications/DevtronApps/Details → App}/index.d.ts

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

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

@@ -1,7 +1,7 @@
-import { BuildStageType, FormType } from '../../../../../Common/CIPipeline.Types';
-import { DeploymentAppTypes, UserApprovalConfigType } from '../../../../../Common/Types';
-import { DeploymentStrategy } from '../../../../../Shared/Components';
-import { EnvListMinDTO } from '../../../../../Shared/types';
+import { BuildStageType, FormType } from '../../Common/CIPipeline.Types';
+import { DeploymentAppTypes, UserApprovalConfigType } from '../../Common/Types';
+import { DeploymentStrategy } from '../../Shared/Components';
+import { EnvListMinDTO } from '../../Shared/types';
 interface ConfigSecretType {
     label: string;
     value: string;

package/dist/Pages/index.d.ts

@@ -1,3 +1,4 @@
 export * from './GlobalConfigurations';
 export * from './ResourceBrowser';
-export * from './Applications';
+export * from './CDPipeline';
+export * from './App';

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

@@ -63,5 +63,5 @@ import { ButtonProps } from './types';
  * <Button icon={<ICCube />} ariaLabel="Label" />
  * ```
  */
-declare const Button: ({ dataTestId, text, variant, size, style, startIcon, endIcon, disabled, isLoading, showTooltip, tooltipProps, icon, ariaLabel, showAriaLabelInTippy, fullWidth, ...props }: ButtonProps) => JSX.Element;
+declare const Button: ({ dataTestId, text, variant, size, style, startIcon, endIcon, disabled, isLoading, showTooltip, tooltipProps, icon, ariaLabel, showAriaLabelInTippy, ...props }: ButtonProps) => JSX.Element;
 export default Button;

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

@@ -74,12 +74,6 @@ export type ButtonProps = ({
      * @default false
      */
     disabled?: boolean;
-    /**
-     * Determines if the button should expand to fill the full width of its container.
-     *
-     * @default false
-     */
-    fullWidth?: boolean;
 } & ({
     /**
      * If true, the tooltip is shown for the button

package/dist/Shared/Components/DeploymentConfigDiff/DeploymentConfigDiff.component.d.ts

@@ -1,2 +1,2 @@
 import { DeploymentConfigDiffProps } from './DeploymentConfigDiff.types';
-export declare const DeploymentConfigDiff: ({ isLoading, configList, collapsibleNavList, navList, goBackURL, navHeading, navHelpText, isNavHelpTextShowingError, tabConfig, errorConfig, showDetailedDiffState, hideDiffState, renderedInDrawer, ...resProps }: DeploymentConfigDiffProps) => JSX.Element;
+export declare const DeploymentConfigDiff: ({ isLoading, configList, collapsibleNavList, navList, goBackURL, navHeading, navHelpText, isNavHelpTextShowingError, tabConfig, showDetailedDiffState, hideDiffState, renderedInDrawer, ...resProps }: DeploymentConfigDiffProps) => JSX.Element;

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

@@ -1,6 +1,5 @@
 import { SortingOrder } from '../../../Common/Constants';
-import { AppEnvDeploymentConfigDTO, ConfigMapSecretDataConfigDatumDTO, DeploymentTemplateDTO, EnvResourceType } from '../../Services';
-import { ManifestTemplateDTO } from '../../../Pages/Applications';
+import { AppEnvDeploymentConfigDTO, ConfigMapSecretDataConfigDatumDTO, DeploymentTemplateDTO, EnvResourceType, ManifestTemplateDTO } from '../../Services';
 import { DeploymentHistoryDetail } from '../CICDHistory';
 import { CollapsibleListConfig, CollapsibleListItem } from '../CollapsibleList';
 import { SelectPickerProps } from '../SelectPicker';
@@ -38,7 +37,6 @@ export type DeploymentConfigDiffSelectPickerProps = {
     selectPickerProps: SelectPickerProps;
 };
 export interface DeploymentConfigDiffNavigationItem extends Pick<CollapsibleListItem, 'href' | 'title' | 'onClick'> {
-    Icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
     diffState: DeploymentConfigListItem['diffState'];
 }
 export interface DeploymentConfigDiffNavigationCollapsibleItem extends Pick<CollapsibleListConfig, 'id' | 'header' | 'noItemsText'> {
@@ -85,7 +83,7 @@ export interface DeploymentConfigDiffProps {
     };
     renderedInDrawer?: boolean;
 }
-export interface DeploymentConfigDiffNavigationProps extends Pick<DeploymentConfigDiffProps, 'isLoading' | 'navList' | 'collapsibleNavList' | 'goBackURL' | 'navHeading' | 'navHelpText' | 'tabConfig' | 'errorConfig' | 'isNavHelpTextShowingError' | 'showDetailedDiffState' | 'hideDiffState'> {
+export interface DeploymentConfigDiffNavigationProps extends Pick<DeploymentConfigDiffProps, 'isLoading' | 'navList' | 'collapsibleNavList' | 'goBackURL' | 'navHeading' | 'navHelpText' | 'isNavHelpTextShowingError' | 'tabConfig' | 'showDetailedDiffState' | 'hideDiffState'> {
 }
 export interface DeploymentConfigDiffMainProps extends Pick<DeploymentConfigDiffProps, 'isLoading' | 'errorConfig' | 'headerText' | 'configList' | 'scrollIntoViewId' | 'selectorsConfig' | 'sortingConfig' | 'scopeVariablesConfig' | 'showDetailedDiffState' | 'hideDiffState'> {
 }

package/dist/Shared/Components/DeploymentConfigDiff/DeploymentConfigDiffNavigation.d.ts

@@ -1,2 +1,2 @@
 import { DeploymentConfigDiffNavigationProps } from './DeploymentConfigDiff.types';
-export declare const DeploymentConfigDiffNavigation: ({ isLoading, collapsibleNavList, navList, goBackURL, navHeading, navHelpText, isNavHelpTextShowingError, tabConfig, errorConfig, showDetailedDiffState, hideDiffState, }: DeploymentConfigDiffNavigationProps) => JSX.Element;
+export declare const DeploymentConfigDiffNavigation: ({ isLoading, collapsibleNavList, navList, goBackURL, navHeading, navHelpText, isNavHelpTextShowingError, tabConfig, showDetailedDiffState, hideDiffState, }: DeploymentConfigDiffNavigationProps) => JSX.Element;

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

@@ -79,11 +79,11 @@ export type SelectPickerProps<OptionValue = number | string, IsMulti extends boo
      */
     customSelectedOptionsCount?: number;
     /**
-     * Size of select
+     * Height of the dropdown
      *
      * @default 'ComponentSizeType.medium'
      */
-    size?: Extract<ComponentSizeType, ComponentSizeType.medium | ComponentSizeType.large | ComponentSizeType.small>;
+    size?: Extract<ComponentSizeType, ComponentSizeType.medium | ComponentSizeType.large>;
     /**
      * Content to be shown in a tippy when disabled
      */

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

@@ -1,7 +1,6 @@
 import { LinkProps, NavLinkProps } from 'react-router-dom';
 import { ComponentSizeType } from '../../constants';
 import { DataAttributes } from '../../types';
-import { TooltipProps } from '@Common/Tooltip/types';
 type TabComponentProps<TabTypeProps> = TabTypeProps & DataAttributes;
 type ConditionalTabType = {
     /**
@@ -57,13 +56,6 @@ type ConditionalTabType = {
      */
     active?: never | false;
 };
-type TabTooltipProps = {
-    shouldWrapTooltip: boolean;
-    tooltipProps: TooltipProps;
-} | {
-    shouldWrapTooltip?: never;
-    tooltipProps?: never;
-};
 export type TabProps = {
     /**
      * Unique identifier for the tab.
@@ -105,7 +97,7 @@ export type TabProps = {
      * Disables the tab, preventing interaction and indicating an inactive state.
      */
     disabled?: boolean;
-} & ConditionalTabType & TabTooltipProps;
+} & ConditionalTabType;
 export interface TabGroupProps {
     /**
      * Array of tabs to be rendered.

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

@@ -40,4 +40,3 @@ export * from './EditImageFormField';
 export * from './Collapse';
 export * from './Security';
 export * from './Button';
-export * from './InvalidYAMLTippy';

package/dist/Shared/Hooks/useForm/useForm.d.ts

@@ -1,5 +1,5 @@
-import { BaseSyntheticEvent, ChangeEvent } from 'react';
-import { UseFormSubmitHandler, UseFormValidations, UseFormErrorHandler } from './useForm.types';
+import { ChangeEvent, FormEvent } from 'react';
+import { UseFormSubmitHandler, UseFormValidations } from './useForm.types';
 /**
  * A custom hook to manage form state, validation, and submission handling.
  *
@@ -16,19 +16,20 @@ export declare const useForm: <T extends Record<keyof T, any> = {}>(options?: {
      * - 'onBlur': Validation occurs when the input loses focus.
      *  @default 'onChange'
      */
-    validationMode?: "onChange" | "onBlur" | "onSubmit";
+    validationMode?: "onChange" | "onBlur";
 }) => {
     /** The current form data. */
     data: T;
     /** An object containing validation errors for each form field. */
-    errors: Partial<Record<keyof T, string[]>>;
-    register: <Value extends unknown, SFnReturnType extends unknown, CustomComponent extends boolean>(name: keyof T, registerOptions?: {
-        /**
-         * A function to sanitize the input value.
-         * @param value The input value.
-         * @returns The sanitized value.
-         */
-        sanitizeFn?: (value: CustomComponent extends true ? Value : string) => SFnReturnType;
+    errors: Partial<Record<keyof T, string | string[]>>;
+    /**
+     * Registers form input fields with onChange, onBlur and onFocus handlers.
+     *
+     * @param name - The key of the form field to register.
+     * @param sanitizeFn - An optional function to sanitize the input value.
+     * @returns An object containing form field `name`, `onChange`, `onBlur` and `onFocus` event handlers.
+     */
+    register: <V extends unknown = string, S extends unknown = unknown>(name: keyof T, sanitizeFn?: (value: V) => S, registerOptions?: {
         /**
          * Prevents the input value from being trimmed.
          *
@@ -38,30 +39,26 @@ export declare const useForm: <T extends Record<keyof T, any> = {}>(options?: {
          * @default false - By default, the input will be trimmed.
          */
         noTrim?: boolean;
-        /** A boolean flag indicating if the input is a custom component. */
-        isCustomComponent?: CustomComponent;
     }) => {
-        onChange: (e: CustomComponent extends true ? Value : ChangeEvent<HTMLInputElement>) => void;
+        onChange: (e: ChangeEvent<HTMLInputElement>) => void;
         onBlur: () => void;
         onFocus: () => void;
         name: keyof T;
     };
-    handleSubmit: (onValid: UseFormSubmitHandler<T>, onError?: UseFormErrorHandler<T>) => (e?: BaseSyntheticEvent) => Promise<void>;
+    /**
+     * Handles form submission, validates all form fields, and calls the provided `onValid` function if valid.
+     *
+     * @param onValid - A function to handle valid form data on submission.
+     * @returns The event handler for form submission.
+     */
+    handleSubmit: (onValid: UseFormSubmitHandler<T>) => (e: FormEvent<HTMLFormElement>) => void;
+    /**
+     * Manually triggers validation for specific form fields.
+     *
+     * @param name - The key(s) of the form field(s) to validate.
+     * @returns The validation error(s), if any.
+     */
     trigger: (name: keyof T | (keyof T)[]) => (string | string[]) | (string | string[])[];
-    setValue: (name: keyof T, value: T[keyof T], valueOptions?: {
-        /** A boolean indicating whether to mark the field as dirty after setting the value. */
-        shouldDirty?: boolean;
-        /** A boolean indicating whether to mark the field as touched after setting the value. */
-        shouldTouch?: boolean;
-    }) => void;
-    reset: (formData: T, resetOptions?: {
-        /** A boolean indicating whether to retain the current dirty state of the form fields. */
-        keepDirty?: boolean;
-        /** A boolean indicating whether to retain the current touched state of the form fields. */
-        keepTouched?: boolean;
-        /** A boolean indicating whether to retain the current error state of the form fields. */
-        keepErrors?: boolean;
-    }) => void;
     /** An object representing additional form state. */
     formState: {
         /** An object indicating which fields have been touched (interacted with). */

package/dist/Shared/Hooks/useForm/useForm.types.d.ts

@@ -1,4 +1,4 @@
-import { BaseSyntheticEvent } from 'react';
+import { FormEvent } from 'react';
 /**
  * Describes the "required" validation rule.
  * It can be a simple boolean or an object containing a boolean value and an error message.
@@ -24,10 +24,10 @@ type ValidationPattern = {
  * If validation fails, an error message is provided.
  */
 type ValidationCustom = {
-    isValid: (value: any) => boolean;
+    isValid: (value: string) => boolean;
     message: string;
 } | {
-    isValid: (value: any) => boolean;
+    isValid: (value: string) => boolean;
     message: string;
 }[];
 /**
@@ -41,9 +41,9 @@ export interface UseFormValidation {
 }
 /**
  * Represents the structure for form validation errors.
- * Maps each field to an array of error messages.
+ * Maps each field to an error message or an array of error messages.
  */
-export type UseFormErrors<T> = Partial<Record<keyof T, string[]>>;
+export type UseFormErrors<T> = Partial<Record<keyof T, string | string[]>>;
 /**
  * Represents the fields that have been modified ("dirty") in the form.
  * Maps each field to a boolean value indicating whether it has been changed.
@@ -58,19 +58,12 @@ export type TouchedFields<T> = Partial<Record<keyof T, boolean>>;
  * Defines the structure for form validations.
  * Maps each form field to its corresponding validation rules.
  */
-export type UseFormValidations<T extends {}> = ((formData: T) => Partial<Record<keyof T, UseFormValidation>>) | Partial<Record<keyof T, UseFormValidation>>;
+export type UseFormValidations<T extends {}> = Partial<Record<keyof T, UseFormValidation>>;
 /**
  * Describes the function signature for handling form submission.
  *
  * @param data - The form data collected during submission.
- * @param e - The event, optionally passed when `handleSubmit` is called.
+ * @param e - The form event, optionally passed when the form is submitted.
  */
-export type UseFormSubmitHandler<T extends {}> = (data: T, e?: BaseSyntheticEvent) => void;
-/**
- * A type defining the function signature for handling form validation errors.
- *
- * @param errors - An object containing the validation errors for form fields.
- * @param e - The event, optionally passed when `handleSubmit` is called.
- */
-export type UseFormErrorHandler<T extends {}> = (errors: UseFormErrors<T>, e?: BaseSyntheticEvent) => void;
+export type UseFormSubmitHandler<T extends {}> = (data: T, e?: FormEvent<HTMLFormElement>) => void;
 export {};

package/dist/Shared/Hooks/useForm/useForm.utils.d.ts

@@ -7,4 +7,4 @@ import { UseFormValidation } from './useForm.types';
  * @param validation - The validation rules for the form field.
  * @returns Returns error message(s) or null if valid.
  */
-export declare const checkValidation: <T extends Record<keyof T, any> = {}>(value: T[keyof T], validation: UseFormValidation) => string[] | null;
+export declare const checkValidation: <T extends Record<keyof T, any> = {}>(value: T[keyof T], validation: UseFormValidation) => string | string[] | null;

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

@@ -99,23 +99,12 @@ export declare enum AppEnvDeploymentConfigType {
     PREVIOUS_DEPLOYMENTS = "PreviousDeployments",
     DEFAULT_VERSION = "DefaultVersion"
 }
-export declare enum DraftState {
-    Init = 1,
-    Discarded = 2,
-    Published = 3,
-    AwaitApproval = 4
-}
-export declare enum DraftAction {
-    Add = 1,
-    Update = 2,
-    Delete = 3
-}
 export interface DraftMetadataDTO {
     appId: number;
     envId: number;
     resource: number;
     resourceName: string;
-    action: DraftAction;
+    action: number;
     data: string;
     userComment: string;
     changeProposed: boolean;
@@ -124,7 +113,7 @@ export interface DraftMetadataDTO {
     };
     draftId: number;
     draftVersionId: number;
-    draftState: DraftState;
+    draftState: number;
     draftResolvedValue: string;
     approvers: string[];
     canApprove: boolean;
@@ -132,37 +121,24 @@ export interface DraftMetadataDTO {
     dataEncrypted: boolean;
     isAppAdmin: boolean;
 }
-export declare enum CMSecretExternalType {
-    Internal = "",
-    KubernetesConfigMap = "KubernetesConfigMap",
-    KubernetesSecret = "KubernetesSecret",
-    AWSSecretsManager = "AWSSecretsManager",
-    AWSSystemManager = "AWSSystemManager",
-    HashiCorpVault = "HashiCorpVault",
-    ESO_GoogleSecretsManager = "ESO_GoogleSecretsManager",
-    ESO_AWSSecretsManager = "ESO_AWSSecretsManager",
-    ESO_AzureSecretsManager = "ESO_AzureSecretsManager",
-    ESO_HashiCorpVault = "ESO_HashiCorpVault"
-}
 export interface ConfigDatum {
     name: string;
     type: string;
     external: boolean;
-    data: Record<string, any>;
-    defaultData: Record<string, any>;
+    data: Record<string, string>;
+    defaultData: Record<string, string>;
     global: boolean;
-    externalType: CMSecretExternalType;
-    esoSecretData: Record<string, any>;
-    defaultESOSecretData: Record<string, any>;
-    secretData: Record<string, any>[];
-    defaultSecretData: Record<string, any>[];
+    externalType: string;
+    esoSecretData: {};
+    defaultESOSecretData: {};
+    secretData: Record<string, string>;
+    defaultSecretData: Record<string, string>;
     roleARN: string;
     subPath: boolean;
     filePermission: string;
     overridden: boolean;
-    mountPath: string;
-    defaultMountPath: string;
-    esoSubPath: string[];
+    mountPath?: string;
+    defaultMountPath?: string;
 }
 export interface ConfigMapSecretDataConfigDatumDTO extends ConfigDatum {
     draftMetadata: DraftMetadataDTO;
@@ -244,6 +220,17 @@ export interface TemplateListDTO {
     pipelineId?: number;
     wfrId?: number;
 }
+export interface ManifestTemplateDTO {
+    data: string;
+    resolvedData: string;
+    variableSnapshot: null;
+}
+export declare enum DraftState {
+    Init = 1,
+    Discarded = 2,
+    Published = 3,
+    AwaitApproval = 4
+}
 export declare enum EnvResourceType {
     ConfigMap = "configmap",
     Secret = "secrets",

package/dist/Shared/constants.d.ts

@@ -1,5 +1,5 @@
 import { OptionType } from '../Common/Types';
-import { CDMaterialSidebarType, ConfigKeysWithLockType, ConfigurationType } from './types';
+import { CDMaterialSidebarType } from './types';
 export declare const ARTIFACT_STATUS: {
     PROGRESSING: string;
     DEGRADED: string;
@@ -411,5 +411,3 @@ export declare enum SelectAllGroupedResourceIdentifiers {
 }
 export declare const CD_MATERIAL_SIDEBAR_TABS: OptionType<CDMaterialSidebarType, CDMaterialSidebarType>[];
 export declare const TRIGGER_STATUS_PROGRESSING: string[];
-export declare const CONFIGURATION_TYPE_VALUES: ConfigurationType[];
-export declare const DEFAULT_LOCKED_KEYS_CONFIG: Readonly<ConfigKeysWithLockType>;

package/dist/Shared/types.d.ts

@@ -572,18 +572,6 @@ export type BaseFilterQueryParams<T> = {
      */
     showAll?: boolean;
 } & SortingParams<T>;
-export declare enum ConfigurationType {
-    GUI = "GUI",
-    YAML = "YAML"
-}
-export interface BaseURLParams {
-    appId: string;
-    envId: string;
-}
-export interface ConfigKeysWithLockType {
-    config: string[];
-    allowed: boolean;
-}
 export type DataAttributes = Record<`data-${string}`, unknown>;
 export interface RuntimeParamsListItemType extends KeyValueListType {
     id: number;