@devtron-labs/devtron-fe-common-lib 1.14.2 → 1.15.0-beta-2

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

@@ -0,0 +1,35 @@
+import { AppThemeType, useTheme } from '../../Providers';
+type ThemePreferenceType = ReturnType<typeof useTheme>['themePreference'];
+export type SwitchThemeDialogProps = {
+    /**
+     * @description The initial theme preference of the user fetched from api, in case of error would be null
+     */
+    initialThemePreference: ThemePreferenceType;
+    handleUpdateUserThemePreference: (themePreference: ThemePreferenceType) => void;
+    handleClose: () => void;
+} & ({
+    /**
+     * @default false
+     * @description Required for storybook
+     */
+    disableAPICalls?: false;
+} | {
+    currentUserPreferences?: never;
+    disableAPICalls: true;
+});
+export interface ThemePreferenceOptionProps {
+    selectedThemePreference: SwitchThemeDialogProps['initialThemePreference'];
+    value: SwitchThemeDialogProps['initialThemePreference'];
+    handleChangedThemePreference: (themePreference: SwitchThemeDialogProps['initialThemePreference']) => void;
+}
+export interface ThemePreferenceLabelFigureProps extends Pick<ThemePreferenceOptionProps, 'value'> {
+    isSelected: boolean;
+}
+export interface BaseLabelFigureProps extends Pick<ThemePreferenceLabelFigureProps, 'isSelected'> {
+    value: AppThemeType;
+    /**
+     * @default false
+     */
+    noLeftRadius?: boolean;
+}
+export {};

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

@@ -1,3 +1,3 @@
 import { ThemeSwitcherProps } from './types';
-declare const ThemeSwitcher: ({ onChange }: ThemeSwitcherProps) => JSX.Element;
+declare const ThemeSwitcher: ({ onClick }: ThemeSwitcherProps) => JSX.Element;
 export default ThemeSwitcher;

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

@@ -1,2 +1 @@
 export { default as ThemeSwitcher } from './ThemeSwitcher.component';
-export type { ThemeSwitcherProps } from './types';

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

@@ -1,3 +1,3 @@
 export interface ThemeSwitcherProps {
-    onChange: () => void;
+    onClick?: () => void;
 }

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

@@ -1,3 +1,3 @@
 import { ToggleResolveScopedVariablesProps } from './types';
-declare const ToggleResolveScopedVariables: ({ resolveScopedVariables, handleToggleScopedVariablesView, isDisabled, showTooltip, throttleOnChange, }: ToggleResolveScopedVariablesProps) => JSX.Element;
+declare const ToggleResolveScopedVariables: ({ name, resolveScopedVariables, handleToggleScopedVariablesView, isDisabled, showTooltip, }: ToggleResolveScopedVariablesProps) => JSX.Element;
 export default ToggleResolveScopedVariables;

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

@@ -1,4 +1,5 @@
 export interface ToggleResolveScopedVariablesProps {
+    name: string;
     resolveScopedVariables: boolean;
     handleToggleScopedVariablesView: () => void;
     isDisabled?: boolean;
@@ -6,5 +7,4 @@ export interface ToggleResolveScopedVariablesProps {
      * @default true
      */
     showTooltip?: boolean;
-    throttleOnChange?: boolean;
 }

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

@@ -26,7 +26,7 @@ export * from './DatePicker';
 export * from './DeploymentConfigDiff';
 export * from './DeploymentStatusBreakdown';
 export * from './DetectBottom';
-export * from './DiffViewer';
+export * from './DocLink';
 export * from './DynamicDataTable';
 export * from './EditableTextArea';
 export * from './EditImageFormField';
@@ -72,6 +72,8 @@ export * from './SelectPicker';
 export * from './ShowMoreText';
 export * from './SSOProviderIcon';
 export * from './StatusComponent';
+export * from './Switch';
+export * from './SwitchThemeDialog';
 export * from './TabGroup';
 export * from './Table';
 export * from './TagsKeyValueTable';

package/dist/Shared/Helpers.d.ts

@@ -101,4 +101,5 @@ export declare const deriveBorderRadiusAndBorderClassFromConfig: ({ borderConfig
 export declare const getClassNameForStickyHeaderWithShadow: (isStuck: boolean, topClassName?: string) => string;
 export declare const clearCookieOnLogout: () => void;
 export declare const getAppDetailsURL: (appId: number | string, envId?: number | string) => string;
+export declare const smoothScrollToTop: (scrollContainer: HTMLElement, targetPosition: number) => import('framer-motion').AnimationPlaybackControls;
 export {};

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

@@ -1,5 +1,5 @@
 export * from './ImageSelectionUtility';
 export * from './MainContextProvider';
 export * from './ThemeProvider';
-export type { MainContext, ReloadVersionConfigTypes } from './types';
+export type { MainContext, ReloadVersionConfigTypes, SidePanelConfig } from './types';
 export * from './UserEmailProvider';

package/dist/Shared/Providers/types.d.ts

@@ -11,12 +11,18 @@ export interface ReloadVersionConfigTypes {
     updateToastRef: MutableRefObject<ReturnType<typeof ToastManager.showToast>> | null;
     isRefreshing: boolean;
 }
-export interface MainContext {
-    serverMode: SERVER_MODE;
+export interface SidePanelConfig {
+    /** Determines whether the side panel is visible */
+    open: boolean;
+    /** Optional flag to reset/reinitialize the side panel state */
+    reinitialize?: boolean;
+    /** URL to documentation that should be displayed in the panel */
+    docLink: string | null;
+}
+type CommonMainContextProps = {
     setServerMode: (serverMode: SERVER_MODE) => void;
     isHelpGettingStartedClicked: boolean;
     showCloseButtonAfterGettingStartedClicked: () => void;
-    loginCount: number;
     setLoginCount: (loginCount: number) => void;
     showGettingStartedCard: boolean;
     setShowGettingStartedCard: (showGettingStartedCard: boolean) => void;
@@ -24,9 +30,8 @@ export interface MainContext {
     setGettingStartedClicked: (isGettingStartedClicked: boolean) => void;
     moduleInInstallingState: string;
     setModuleInInstallingState: (moduleInInstallingState: string) => void;
-    installedModuleMap: MutableRefObject<Record<string, boolean>>;
     currentServerInfo: {
-        serverInfo: ServerInfo;
+        serverInfo: ServerInfo | null;
         fetchingServerInfo: boolean;
     };
     isAirgapped: boolean;
@@ -49,17 +54,50 @@ export interface MainContext {
     canOnlyViewPermittedEnvOrgLevel: boolean;
     viewIsPipelineRBACConfiguredNode: ReactNode;
     handleOpenLicenseInfoDialog: (initialDialogType?: LicenseInfoDialogType.ABOUT | LicenseInfoDialogType.LICENSE) => void;
+    setLicenseData: Dispatch<SetStateAction<DevtronLicenseInfo>>;
+    canFetchHelmAppStatus: boolean;
+    setIntelligenceConfig: Dispatch<SetStateAction<IntelligenceConfig>>;
+    setSidePanelConfig: Dispatch<SetStateAction<SidePanelConfig>>;
+};
+export type MainContext = CommonMainContextProps & ({
+    isLicenseDashboard?: never;
+    serverMode: SERVER_MODE;
+    loginCount: number | null;
+    installedModuleMap: MutableRefObject<Record<string, boolean>>;
     /**
      * Data is set only if showLicenseData is received as true
      */
     licenseData: DevtronLicenseInfo;
-    setLicenseData: Dispatch<SetStateAction<DevtronLicenseInfo>>;
-    canFetchHelmAppStatus: boolean;
     reloadVersionConfig: ReloadVersionConfigTypes;
     intelligenceConfig: IntelligenceConfig;
-    setIntelligenceConfig: Dispatch<SetStateAction<IntelligenceConfig>>;
-}
+    sidePanelConfig: SidePanelConfig;
+    /**
+     * Indicates whether the current Devtron instance is running as an Enterprise edition. \
+     * This flag is determined based on server-side configuration.
+     */
+    isEnterprise: boolean;
+    /**
+     * Indicates whether the fe-lib modules are available in the current instance. \
+     * Used to conditionally render or enable features that depend on fe-lib
+     */
+    isFELibAvailable: boolean;
+} | {
+    isLicenseDashboard: true;
+    serverMode: null;
+    loginCount: null;
+    installedModuleMap: null;
+    /**
+     * Data is set only if showLicenseData is received as true
+     */
+    licenseData: null;
+    reloadVersionConfig: null;
+    intelligenceConfig: null;
+    sidePanelConfig: null;
+    isEnterprise: false;
+    isFELibAvailable: false;
+});
 export interface MainContextProviderProps {
     children: ReactNode;
     value: MainContext;
 }
+export {};

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

@@ -1,5 +1,5 @@
 import { KeyValueTableData } from '../Components';
-import { TargetPlatformsDTO } from '../types';
+import { DeploymentStrategyType, TargetPlatformsDTO } from '../types';
 import { OverrideMergeStrategyType } from '../../Pages/Applications';
 import { ReleaseTag, ResponseType, UserApprovalMetadataType } from '../../Common';
 interface WebhookDataType {
@@ -237,6 +237,9 @@ export interface PipelineConfigDataDTO {
     data: Record<string, any>;
     pipelineTriggerType: string;
     Strategy: string;
+    updatedBy: string;
+    updatedOn: string;
+    selectedAtRuntime: boolean;
 }
 export interface AppEnvDeploymentConfigDTO {
     deploymentTemplate: DeploymentTemplateDTO | null;
@@ -248,6 +251,8 @@ export interface AppEnvDeploymentConfigDTO {
 export type AppEnvDeploymentConfigPayloadType = {
     appName: string;
     envName: string;
+    strategy?: DeploymentStrategyType;
+} & ({
     configType: AppEnvDeploymentConfigType;
     wfrId?: number;
     pipelineId?: number;
@@ -261,7 +266,7 @@ export type AppEnvDeploymentConfigPayloadType = {
     pipelineId: number;
     configArea: 'CdRollback' | 'DeploymentHistory';
     wfrId: number;
-};
+});
 export declare enum TemplateListType {
     DefaultVersions = 1,
     PublishedOnEnvironments = 2,

package/dist/Shared/constants.d.ts

@@ -1,6 +1,6 @@
 import { DeploymentNodeType, OptionType } from '../Common/Types';
 import { InfoBlockProps } from './Components';
-import { CDMaterialSidebarType, ConfigKeysWithLockType, ConfigurationType, IconBaseColorType } from './types';
+import { CDMaterialSidebarType, ConfigKeysWithLockType, ConfigurationType, DeploymentStrategyTypeWithDefault, IconBaseColorType } from './types';
 export declare const ARTIFACT_STATUS: {
     PROGRESSING: string;
     DEGRADED: string;
@@ -429,3 +429,5 @@ export declare const VARIANT_TO_BORDER_MAP: Record<InfoBlockProps['variant'], st
 export declare const DEPLOYMENT_STAGE_TO_NODE_MAP: Readonly<Record<DeploymentStageType, DeploymentNodeType>>;
 export declare const APP_DETAILS_FALLBACK_POLLING_INTERVAL = 30000;
 export declare const PROGRESSING_DEPLOYMENT_STATUS_POLLING_INTERVAL = 10000;
+export declare const STRATEGY_TYPE_TO_TITLE_MAP: Record<DeploymentStrategyTypeWithDefault, string>;
+export declare const CUBIC_BEZIER_CURVE: [number, number, number, number];

package/dist/Shared/types.d.ts

@@ -1,11 +1,16 @@
 import { ReactNode } from 'react';
 import { ParsedCountry } from 'react-international-phone';
 import { Dayjs } from 'dayjs';
-import { APIOptions, ApprovalConfigDataType } from '../Common/Types';
+import { APIOptions, ApprovalConfigDataType, Strategy } from '../Common/Types';
 import { ReleaseMode } from '../Pages/index';
-import { CommonNodeAttr, DeploymentAppTypes, OptionType, PluginType, RefVariableType, SegmentedControlProps, ServerErrors, SortingParams, TriggerBlockType, ValueConstraintType, VariableType, VulnerabilityType } from '../Common';
+import { CommonNodeAttr, DeploymentAppTypes, OptionType, PluginType, RefVariableType, SegmentedControlProps, ServerError, ServerErrors, SortingParams, TriggerBlockType, ValueConstraintType, VariableType, VulnerabilityType } from '../Common';
 import { SelectPickerOptionType, WorkflowRunnerStatusDTO } from './Components';
 import { BASE_CONFIGURATION_ENV_ID, DEPLOYMENT_STATUS, EnvironmentTypeEnum, PatchOperationType } from './constants';
+export declare enum InstallationType {
+    OSS_KUBECTL = "oss_kubectl",
+    OSS_HELM = "oss_helm",
+    ENTERPRISE = "enterprise"
+}
 export declare enum EnvType {
     CHART = "helm_charts",
     APPLICATION = "apps"
@@ -829,6 +834,26 @@ export interface UploadFileProps {
 export type Never<T> = {
     [K in keyof T]?: never;
 };
+/**
+ * A utility type that filters out properties from type `T` that are of type `never`. \
+ * This is useful when you want to remove properties that have been marked as `never` from a type,
+ * effectively creating a new type without those properties.
+ *
+ * @template T - The input type from which to filter out `never` properties.
+ * @example
+ * ```typescript
+ * type User = {
+ *   id: number;
+ *   name: string;
+ *   deleted: never;
+ * }
+ *
+ * type ActiveUser = OmitNever<User>; // { id: number; name: string; }
+ * ```
+ */
+export type OmitNever<T> = {
+    [K in keyof T as T[K] extends never ? never : K]: T[K];
+};
 export interface TargetPlatformItemDTO {
     name: string;
 }
@@ -1072,4 +1097,9 @@ export interface IntelligenceConfig {
 export type DeploymentStrategyType = 'CANARY' | 'ROLLING' | 'RECREATE' | 'BLUE-GREEN' | 'ROLLINGUPDATE' | 'ONDELETE';
 export type DeploymentStrategyTypeWithDefault = DeploymentStrategyType | 'DEFAULT';
 export type PipelineIdsVsDeploymentStrategyMap = Record<number, DeploymentStrategyTypeWithDefault>;
+export interface PipelineDeploymentStrategy {
+    pipelineId: number;
+    strategies: Strategy[];
+    error: ServerError;
+}
 export {};

package/dist/Shared/validations.d.ts

@@ -59,3 +59,4 @@ export declare const validateCMVolumeMountPath: (value: string) => {
     message: string;
 };
 export declare const validateYAML: (yamlString: string, isRequired?: boolean) => ValidationResponseType;
+export declare const validateEmail: (email: string) => ValidationResponseType;