@devtron-labs/devtron-fe-common-lib 1.9.5-beta-4 → 1.9.6-beta-1

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

@@ -6,14 +6,11 @@ export declare const iconMap: {
     'ic-arrow-right': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-azure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bitbucket': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-book-open': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-browser': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-build-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-calendar': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cancelled': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-caret-left': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-card-stack': 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-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>>;
@@ -21,11 +18,10 @@ export declare const iconMap: {
     'ic-close-small': 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-copy': 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': 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-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>>;
@@ -50,7 +46,6 @@ export declare const iconMap: {
     'ic-info-outline': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-job-color': 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-ldap': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-login-devtron-logo': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-logout': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -58,6 +53,7 @@ export declare const iconMap: {
     'ic-microsoft': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-missing': 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>>;
     'ic-oidc': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-open-box': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -66,13 +62,11 @@ export declare const iconMap: {
     'ic-out-of-sync': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-paper-plane-color': 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-shield-check': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-stack': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-success': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-suspended': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-timeout-two-dash': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-timer': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-unknown': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-user-key': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-warning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;

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

@@ -1,2 +1,2 @@
 import { IconBaseProps } from './types';
-export declare const IconBase: ({ name, iconMap, size, tooltipProps, color, strokeWidth }: IconBaseProps) => JSX.Element;
+export declare const IconBase: ({ name, iconMap, size, tooltipProps, color }: IconBaseProps) => JSX.Element;

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

@@ -0,0 +1,2 @@
+import { IconBaseProps } from './types';
+export declare const ICON_STROKE_WIDTH_MAP: Partial<Record<IconBaseProps['size'], number>>;

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

@@ -1,7 +1,7 @@
-import { FC, SVGAttributes, SVGProps } from 'react';
+import { FC, SVGProps } from 'react';
 import { TooltipProps } from '@Common/Tooltip/types';
 type IconMap = Record<string, FC<SVGProps<SVGSVGElement>>>;
-export interface IconBaseProps extends Pick<SVGAttributes<SVGSVGElement>, 'strokeWidth'> {
+export interface IconBaseProps {
     /** The name of the icon to render. */
     name: keyof IconMap;
     /** The map containing all available icons. */

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

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 export interface ModalSidebarPanelProps {
     rootClassName?: string;
-    heading: string;
+    heading: string | null;
     icon?: JSX.Element;
     children?: ReactNode;
     documentationLink: string;

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

@@ -1,15 +1,7 @@
-export declare const CommonGroupedDropdownStyles: {
-    container: (base: any, state: any) => any;
-    control: (base: any, state: any) => any;
-    singleValue: (base: any) => any;
-    option: (base: any, state: any) => any;
-    valueContainer: (base: any) => any;
-    dropdownIndicator: (base: any, state: any) => any;
-    group: (base: any) => any;
-    groupHeading: (base: any) => any;
-    menuList: (base: any) => any;
-    multiValue: (base: any) => any;
-    multiValueLabel: (base: any) => any;
-    placeholder: (base: any) => any;
-    menu: (base: any) => any;
-};
+import { DropdownIndicatorProps, StylesConfig } from 'react-select';
+export declare const CommonGroupedDropdownStyles: StylesConfig;
+export declare const APP_SELECTOR_STYLES: StylesConfig;
+export declare const AppSelectorDropdownIndicator: (props: DropdownIndicatorProps) => JSX.Element;
+export declare const AppSelectorNoOptionsMessage: (inputObj: {
+    inputValue: string;
+}) => string;

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

@@ -80,7 +80,7 @@ export declare enum SelectPickerVariantType {
     DEFAULT = "default",
     BORDER_LESS = "border-less"
 }
-export type SelectPickerProps<OptionValue = number | string, IsMulti extends boolean = false> = Pick<SelectProps<OptionValue, IsMulti>, 'name' | 'classNamePrefix' | 'options' | 'value' | 'onChange' | 'isSearchable' | 'isClearable' | 'hideSelectedOptions' | 'controlShouldRenderValue' | 'closeMenuOnSelect' | 'isDisabled' | 'isLoading' | 'required' | 'isOptionDisabled' | 'placeholder' | 'menuPosition' | 'getOptionLabel' | 'getOptionValue' | 'isOptionSelected' | 'menuIsOpen' | 'onMenuOpen' | 'onMenuClose' | 'autoFocus' | 'onBlur' | 'onKeyDown' | 'formatOptionLabel' | 'onInputChange' | 'inputValue' | 'filterOption'> & Partial<Pick<SelectProps<OptionValue, IsMulti>, 'renderMenuListFooter' | 'shouldRenderCustomOptions' | 'renderCustomOptions' | 'icon' | 'showSelectedOptionIcon' | 'renderOptionsFooter' | 'shouldRenderTextArea'>> & Required<Pick<SelectProps<OptionValue, IsMulti>, 'inputId'>> & Partial<Pick<CreatableProps<SelectPickerOptionType<OptionValue>, IsMulti, GroupBase<SelectPickerOptionType<OptionValue>>>, 'onCreateOption' | 'formatCreateLabel' | 'menuPortalTarget'>> & Omit<FormFieldWrapperProps, 'children'> & {
+export type SelectPickerProps<OptionValue = number | string, IsMulti extends boolean = false> = Pick<SelectProps<OptionValue, IsMulti>, 'name' | 'classNamePrefix' | 'options' | 'value' | 'onChange' | 'isSearchable' | 'isClearable' | 'hideSelectedOptions' | 'controlShouldRenderValue' | 'closeMenuOnSelect' | 'isDisabled' | 'isLoading' | 'required' | 'isOptionDisabled' | 'placeholder' | 'menuPosition' | 'getOptionLabel' | 'getOptionValue' | 'isOptionSelected' | 'menuIsOpen' | 'onMenuOpen' | 'onMenuClose' | 'autoFocus' | 'onBlur' | 'onKeyDown' | 'formatOptionLabel' | 'onInputChange' | 'inputValue' | 'filterOption' | 'noOptionsMessage'> & Partial<Pick<SelectProps<OptionValue, IsMulti>, 'renderMenuListFooter' | 'shouldRenderCustomOptions' | 'renderCustomOptions' | 'icon' | 'showSelectedOptionIcon' | 'renderOptionsFooter' | 'shouldRenderTextArea'>> & Required<Pick<SelectProps<OptionValue, IsMulti>, 'inputId'>> & Partial<Pick<CreatableProps<SelectPickerOptionType<OptionValue>, IsMulti, GroupBase<SelectPickerOptionType<OptionValue>>>, 'onCreateOption' | 'formatCreateLabel' | 'menuPortalTarget'>> & Omit<FormFieldWrapperProps, 'children'> & {
     /**
      * Custom selected options count for use cases like filters
      */

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

@@ -1,3 +1,3 @@
 import { WorkflowOptionsModalProps } from './types';
-declare const WorkflowOptionsModal: ({ handleCloseWorkflowOptionsModal, addCIPipeline, addWebhookCD, addLinkedCD, showLinkedCDSource, changeCIPayload, workflows, getWorkflows, resetChangeCIPayload, linkedCDSourceVariant, isAppGroup, }: Readonly<WorkflowOptionsModalProps>) => JSX.Element;
+declare const WorkflowOptionsModal: ({ handleCloseWorkflowOptionsModal, addCIPipeline, addWebhookCD, addLinkedCD, showLinkedCDSource, changeCIPayload, workflows, getWorkflows, resetChangeCIPayload, linkedCDSourceVariant, isAppGroup, isTemplateView, }: Readonly<WorkflowOptionsModalProps>) => JSX.Element;
 export default WorkflowOptionsModal;

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

@@ -1,3 +1,4 @@
+import { AppConfigProps } from '../../../Pages/index';
 import { ChangeCIPayloadType, CIPipelineNodeType, WorkflowType } from '../../types';
 interface LinkedCDSourceVariant {
     title: string;
@@ -12,7 +13,7 @@ export interface SourceTypeCardProps extends LinkedCDSourceVariant {
     disableInfo: string;
     isDisabled?: boolean;
 }
-export interface WorkflowOptionsModalProps {
+export interface WorkflowOptionsModalProps extends Required<Pick<AppConfigProps, 'isTemplateView'>> {
     handleCloseWorkflowOptionsModal: () => void;
     addCIPipeline: (type: CIPipelineNodeType, workflowId?: number | string) => void;
     addWebhookCD: (workflowId?: number | string) => void;

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

@@ -59,6 +59,8 @@ export * from './ThemeSwitcher';
 export * from './TargetPlatforms';
 export * from './UnsavedChanges';
 export * from './UnsavedChangesDialog';
+export * from './GraphVisualizer';
+export * from './GenericInfoCard';
 export * from './Icon';
 export * from './StatusComponent';
 export * from './RegistryIcon';
@@ -67,10 +69,4 @@ export * from './CustomInput';
 export * from './InfoBlock';
 export * from './CodeEditorWrapper';
 export * from './SSOProviderIcon';
-export * from './Backdrop';
-export * from './CountrySelect';
-export * from './PhoneInput';
-export * from './FlagImage';
-export * from './DevtronLicenseCard';
-export * from './LoginBanner';
 export * from './Confetti';

package/dist/Shared/Helpers.d.ts

@@ -100,5 +100,4 @@ export declare const deriveBorderRadiusAndBorderClassFromConfig: ({ borderConfig
     borderRadiusConfig: BorderConfigType | undefined;
 }) => string;
 export declare const getClassNameForStickyHeaderWithShadow: (isStuck: boolean, topClassName?: string) => string;
-export declare const clearCookieOnLogout: () => void;
 export {};

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

@@ -5,6 +5,7 @@ export interface MainContext {
     serverMode: SERVER_MODE;
     setServerMode: (serverMode: SERVER_MODE) => void;
     isHelpGettingStartedClicked: boolean;
+    setPageOverflowEnabled: (isPageOverflowEnabled: boolean) => void;
     showCloseButtonAfterGettingStartedClicked: () => void;
     loginCount: number;
     setLoginCount: (loginCount: number) => void;
@@ -38,7 +39,6 @@ export interface MainContext {
     isManifestScanningEnabled: boolean;
     canOnlyViewPermittedEnvOrgLevel: boolean;
     viewIsPipelineRBACConfiguredNode: ReactNode;
-    handleOpenLicenseInfoDialog: () => void;
 }
 export interface MainContextProviderProps {
     children: ReactNode;

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

@@ -1,3 +1,4 @@
+import { AppConfigProps } from '../../Pages/index';
 import { ResponseType } from '../../Common';
 import { CIMaterialInfoType, GetCITriggerInfoParamsType, AppEnvDeploymentConfigDTO, AppEnvDeploymentConfigPayloadType } from './app.types';
 export declare const getCITriggerInfo: (params: GetCITriggerInfoParamsType) => Promise<CIMaterialInfoType>;
@@ -5,8 +6,10 @@ export declare const getCITriggerInfo: (params: GetCITriggerInfoParamsType) => P
  * The only difference between this and getCITriggerInfo is it doesn't have env and trigger related meta info
  */
 export declare const getArtifactInfo: (params: Pick<GetCITriggerInfoParamsType, "ciArtifactId">) => Promise<CIMaterialInfoType>;
-export declare const getAppEnvDeploymentConfig: ({ params, signal, }: {
+export declare const getAppEnvDeploymentConfig: ({ params, signal, isTemplateView, appId, }: {
     params: AppEnvDeploymentConfigPayloadType;
     signal?: AbortSignal;
+    isTemplateView: AppConfigProps["isTemplateView"];
+    appId: string | number | null;
 }) => Promise<ResponseType<AppEnvDeploymentConfigDTO>>;
 export declare const getCompareSecretsData: (params: AppEnvDeploymentConfigPayloadType[]) => Promise<AppEnvDeploymentConfigDTO[]>;

package/dist/Shared/Services/common.service.d.ts

@@ -1,7 +1,8 @@
+import { AppConfigProps } from '../../Pages/index';
 import { EnvironmentDataValuesDTO, GetPolicyApiUrlProps, GetResourceApiUrlProps, UpdatedUserPreferencesType, UserPreferencesType } from './types';
 export declare const getResourceApiUrl: <T>({ baseUrl, kind, version, suffix, queryParams }: GetResourceApiUrlProps<T>) => string;
 export declare const getPolicyApiUrl: <T>({ kind, version, queryParams, suffix }: GetPolicyApiUrlProps<T>) => string;
-export declare const saveCDPipeline: (request: any) => Promise<import('../../Common').ResponseType<any>>;
+export declare const saveCDPipeline: (request: any, { isTemplateView }: Required<Pick<AppConfigProps, "isTemplateView">>) => Promise<import('../../Common').ResponseType<any>>;
 export declare const getEnvironmentData: () => Promise<import('../../Common').ResponseType<EnvironmentDataValuesDTO>>;
 export declare const getUserPreferences: () => Promise<UserPreferencesType>;
 export declare const updateUserPreferences: (updatedUserPreferences: UpdatedUserPreferencesType, shouldThrowError?: boolean) => Promise<boolean>;

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

@@ -4,3 +4,4 @@ export * from './app.service';
 export * from './common.service';
 export * from './ToastManager';
 export * from './utils';
+export * from './template.service';

package/dist/Shared/Services/template.service.d.ts

@@ -0,0 +1,2 @@
+import { GetTemplateAPIRouteProps } from '../../Pages/index';
+export declare const getTemplateAPIRoute: ({ type, queryParams: { id, ...restQueryParams } }: GetTemplateAPIRouteProps) => string;

package/dist/Shared/constants.d.ts

@@ -408,8 +408,6 @@ export declare const DC_DELETE_SUBTITLES: {
     DELETE_ENVIRONMENT_SUBTITLE: string;
     DELETE_CLUSTER_SUBTITLES: string;
 };
-export declare const EULA_LINK = "https://devtron.ai/end-user-license-agreement-eula";
-export declare const CONTACT_SUPPORT_LINK = "https://share.hsforms.com/1Yp3bvPAaRCaHUEH5vtMjEQ4368n";
 export declare const enum DeleteComponentsName {
     Cluster = "cluster",
     Job = "job pipeline",
@@ -419,4 +417,3 @@ export declare const Routes: {
     CI_PIPELINE_PATCH: string;
     WORKFLOW: string;
 };
-export declare const ENTERPRISE_SUPPORT_LINK = "enterprise@devtron.ai";

package/dist/Shared/types.d.ts

@@ -1,6 +1,5 @@
 import { Dayjs } from 'dayjs';
 import { APIOptions, ApprovalConfigDataType } from '../Common/Types';
-import { ParsedCountry } from 'react-international-phone';
 import { OptionType, CommonNodeAttr, VulnerabilityType, DeploymentAppTypes, ServerErrors, SortingParams, TriggerBlockType, ValueConstraintType, VariableType, RefVariableType, PluginType } from '../Common';
 import { BASE_CONFIGURATION_ENV_ID, EnvironmentTypeEnum, PatchOperationType } from './constants';
 import { SelectPickerOptionType } from './Components';
@@ -876,36 +875,4 @@ export interface AppEnvIdType {
     appId: number;
     envId: number;
 }
-export interface DevtronLicenseBaseDTO {
-    fingerprint: string | null;
-    isTrial: boolean | null;
-    /**
-     * In timestamp format
-     */
-    expiry: string | null;
-    /**
-     * Can be negative, depicts time left in seconds for license to expire
-     */
-    ttl: number | null;
-    /**
-     * Show a reminder after these many DAYS left for license to expire, i.e,
-     * Show if `ttl` is less than `reminderThreshold` [converted to seconds]
-     */
-    reminderThreshold: number | null;
-    organisationMetadata: {
-        name: string | null;
-        domain: string | null;
-    } | null;
-    license: string | null;
-}
-export type DevtronLicenseDTO<isCentralDashboard extends boolean = false> = DevtronLicenseBaseDTO & (isCentralDashboard extends true ? {
-    claimedByUserDetails: {
-        firstName: string | null;
-        lastName: string | null;
-        email: string | null;
-    } | null;
-} : {
-    claimedByUserDetails?: never;
-});
-export type CountryISO2Type = ParsedCountry['iso2'];
 export {};

package/dist/Shared/validations.d.ts

@@ -17,6 +17,7 @@ export declare const MESSAGES: {
     INVALID_DATE: string;
     DATE_BEFORE_CURRENT_TIME: string;
 };
+export declare const MAX_DESCRIPTION_LENGTH = 350;
 export declare const validateLabelValue: (value: string) => string[];
 export declare const validateLabelKey: (key: string, skipValidationIfSpecialPrefix?: boolean) => {
     isValid: boolean;