@devtron-labs/devtron-fe-common-lib 0.1.18 → 0.1.19-beta-1

package/dist/Common/Api.d.ts

@@ -1,11 +1,11 @@
 import { MutableRefObject } from 'react';
 import { ResponseType, APIOptions } from './Types';
 
-export declare const post: (url: string, data: object, options?: APIOptions, isMultipartRequest?: boolean) => Promise<ResponseType>;
-export declare const put: (url: string, data: object, options?: APIOptions) => Promise<ResponseType>;
-export declare const patch: (url: string, data: object, options?: APIOptions) => Promise<ResponseType>;
-export declare const get: (url: string, options?: APIOptions) => Promise<ResponseType>;
-export declare const trash: (url: string, data?: object, options?: APIOptions) => Promise<ResponseType>;
+export declare const post: <T = any, K = object>(url: string, data: K, options?: APIOptions, isMultipartRequest?: boolean) => Promise<ResponseType<T>>;
+export declare const put: <T = any, K = object>(url: string, data: K, options?: APIOptions) => Promise<ResponseType<T>>;
+export declare const patch: <T = any, K = object>(url: string, data: K, options?: APIOptions) => Promise<ResponseType<T>>;
+export declare const get: <T = any>(url: string, options?: APIOptions) => Promise<ResponseType<T>>;
+export declare const trash: <T = any, K = object>(url: string, data?: K, options?: APIOptions) => Promise<ResponseType<T>>;
 /**
  * Aborts the previous request before triggering next request
  */

package/dist/Common/AppStatus/constants.d.ts

@@ -4,6 +4,11 @@ export declare const StatusConstants: {
         normalCase: string;
         lowerCase: string;
     };
+    NOT_READY: {
+        noSpaceLower: string;
+        normalCase: string;
+        lowerCase: string;
+    };
     APP_STATUS: {
         noSpaceLower: string;
         normalText: string;

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

@@ -77,6 +77,7 @@ export interface VariableType {
     format: string;
     description: string;
     defaultValue: string;
+    allowEmptyValue: boolean;
     variableType: RefVariableType;
     refVariableStepIndex: number;
     refVariableName: string;
@@ -98,7 +99,7 @@ interface ConditionDetails {
     conditionType: ConditionType;
     conditionalValue: string;
 }
-interface InlineStepDetailType {
+export interface InlineStepDetailType {
     scriptType: ScriptType;
     isMountCustomScript?: boolean;
     script?: string;
@@ -117,6 +118,8 @@ interface InlineStepDetailType {
     inputVariables?: VariableType[];
     outputVariables?: VariableType[];
     conditionDetails: ConditionDetails[];
+    storeScriptAt?: string;
+    mountCodeToContainerPath?: string;
 }
 interface PluginRefStepDetailType {
     id: number;

package/dist/Common/Constants.d.ts

@@ -78,6 +78,7 @@ export declare const ROUTES: {
     PLUGIN_GLOBAL_LIST_DETAIL_V2: string;
     PLUGIN_GLOBAL_LIST_V2: string;
     PLUGIN_GLOBAL_LIST_TAGS: string;
+    PLUGIN_LIST_MIN: string;
 };
 export declare enum KEY_VALUE {
     KEY = "key",
@@ -267,3 +268,4 @@ export declare const DATE_TIME_FORMATS: {
     DD_MMM_YYYY_HH_MM: string;
     DD_MMM_YYYY: string;
 };
+export declare const SEMANTIC_VERSION_DOCUMENTATION_LINK = "https://semver.org/";

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

@@ -1,4 +1,4 @@
-import { default as React, HTMLInputTypeAttribute, InputHTMLAttributes } from 'react';
+import { default as React, HTMLInputTypeAttribute, InputHTMLAttributes, ReactNode } from 'react';
 
 export interface CustomInputProps {
     name: string;
@@ -17,7 +17,7 @@ export interface CustomInputProps {
     autoFocus?: boolean;
     rootClassName?: string;
     error?: string[] | string;
-    helperText?: string;
+    helperText?: ReactNode;
     handleOnBlur?: (e: any) => void;
     readOnly?: boolean;
     noTrim?: boolean;

package/dist/Common/Modals/VisibleModal.d.ts

@@ -1,7 +1,7 @@
 import { default as React, SyntheticEvent } from 'react';
 
 export declare class VisibleModal extends React.Component<{
-    className: string;
+    className?: string;
     parentClassName?: string;
     noBackground?: boolean;
     close?: (e: any) => void;

package/dist/Common/Modals/VisibleModal2.d.ts

@@ -1,7 +1,7 @@
 import { default as React, SyntheticEvent } from 'react';
 
 export declare class VisibleModal2 extends React.Component<{
-    className: string;
+    className?: string;
     close?: (e: any) => void;
 }> {
     modalRef: HTMLElement;

package/dist/Common/MultiSelectCustomization.d.ts

@@ -4,7 +4,7 @@ export declare const Option: (props: any) => JSX.Element;
 export declare const SingleSelectOption: (props: any) => JSX.Element;
 /**
  *  Multi value container
-*/
+ */
 export declare const MultiValueContainer: (props: any) => JSX.Element;
 /**
  *

package/dist/Common/Types.d.ts

@@ -177,10 +177,10 @@ export interface RadioGroupItemProps {
 export interface RadioGroupInterface {
     name: string;
     onChange: any;
-    className?: string;
     initialTab: string;
-    disabled: boolean;
     children: ReactNode;
+    disabled?: boolean;
+    className?: string;
 }
 export interface RadioInterface {
     children: ReactNode;
@@ -488,7 +488,8 @@ export declare enum DeploymentAppTypes {
     HELM = "helm",
     GITOPS = "argo_cd",
     MANIFEST_DOWNLOAD = "manifest_download",
-    MANIFEST_PUSH = "manifest_push"
+    MANIFEST_PUSH = "manifest_push",
+    FLUX = "flux"
 }
 export interface VulnerabilityType {
     name: string;

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

@@ -1,5 +1,6 @@
 interface DetectBottomProps {
     callback: () => void;
+    hasError?: boolean;
 }
-declare const DetectBottom: ({ callback }: DetectBottomProps) => JSX.Element;
+declare const DetectBottom: ({ callback, hasError }: DetectBottomProps) => JSX.Element;
 export default DetectBottom;

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

@@ -0,0 +1,19 @@
+import { EditImageFormFieldProps } from './types';
+
+/**
+ * @example
+ * ```tsx
+ * <EditImageFormField
+ *      url={icon}
+ *      defaultIcon={<ICSampleIcon className="w-100 h-100 dc__opacity-1 p-5" />}
+ *      errorMessage={formError.icon}
+ *      handleError={handleError}
+ *      handleURLChange={handleURLChange}
+ *      ariaLabelPrefix="Edit icon url"
+ *      dataTestIdPrefix="edit-icon-url"
+ *      altText="Form icon"
+ *  />
+ * ```
+ */
+declare const EditImageFormField: ({ defaultIcon, errorMessage, handleError, url, handleURLChange, ariaLabelPrefix, dataTestIdPrefix, altText, }: EditImageFormFieldProps) => JSX.Element;
+export default EditImageFormField;

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

@@ -0,0 +1,7 @@
+export declare const DEFAULT_MAX_IMAGE_SIZE: number;
+export declare const DEFAULT_IMAGE_DIMENSIONS: {
+    readonly width: 72;
+    readonly height: 72;
+};
+export declare const EMPTY_PREVIEW_URL_ERROR_MESSAGE = "Please provide image URL to preview";
+export declare const BASE_IMAGE_CLASS = "edit-image-form-field__figure-container--base-image";

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

@@ -0,0 +1,2 @@
+export { default as EditImageFormField } from './EditImageFormField';
+export * from './types';

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

@@ -0,0 +1,41 @@
+import { ReactElement } from 'react';
+
+export interface EditImageFormFieldProps {
+    /**
+     * Fallback icon to be shown when image is not available
+     */
+    defaultIcon: ReactElement;
+    /**
+     * Would be shown below input, there are two types of error messages:
+     * External - Error message handled from state above and would propagate to parent through handleError
+     * Internal - Error message handled internally and would not propagate to parent, like empty preview URL
+     */
+    errorMessage: string;
+    /**
+     * Would be called when there is an error in the image URL during handleChange or handlePreviewImage
+     */
+    handleError: (error: string) => void;
+    /**
+     * The current value of input field
+     */
+    url: string;
+    /**
+     * Would be called when the URL is changed in the input field
+     */
+    handleURLChange: (url: string) => void;
+    /**
+     * The alt text for the image
+     */
+    altText: string;
+    /**
+     * Prefix for aria-label
+     */
+    ariaLabelPrefix: string;
+    /**
+     * Prefix for data-testid
+     */
+    dataTestIdPrefix: string;
+}
+export interface FallbackImageProps extends Pick<EditImageFormFieldProps, 'defaultIcon'> {
+    showEditIcon: boolean;
+}

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

@@ -1,3 +1,4 @@
+import { ModuleStatus } from '../../types';
 import { ResponseType, TippyCustomizedProps } from '../../../Common';
 
 export declare enum InstallationType {
@@ -5,18 +6,6 @@ export declare enum InstallationType {
     OSS_HELM = "oss_helm",
     ENTERPRISE = "enterprise"
 }
-export declare enum ModuleStatus {
-    HEALTHY = "healthy",
-    NONE = "none",
-    UNKNOWN = "unknown",
-    UPGRADING = "upgrading",
-    UPGRADE_FAILED = "upgradeFailed",
-    INSTALLED = "installed",
-    INSTALLING = "installing",
-    INSTALL_FAILED = "installFailed",
-    NOT_INSTALLED = "notInstalled",
-    TIMEOUT = "timeout"
-}
 export interface PageHeaderType {
     headerName?: string;
     showTabs?: boolean;

package/dist/Shared/Components/Plugin/service.d.ts

@@ -1,5 +1,7 @@
-import { GetPluginStoreDataReturnType, GetPluginStoreDataServiceParamsType, PluginDetailServiceParamsType } from './types';
+import { ResponseType } from '../../../Common';
+import { GetPluginStoreDataReturnType, GetPluginStoreDataServiceParamsType, MinParentPluginDTO, PluginDetailServiceParamsType } from './types';
 
-export declare const getPluginsDetail: ({ appId, parentPluginIds, pluginIds, shouldShowError, }: PluginDetailServiceParamsType) => Promise<Pick<GetPluginStoreDataReturnType, 'pluginStore'>>;
+export declare const getPluginsDetail: ({ appId, parentPluginIds, pluginIds, signal, shouldShowError, }: PluginDetailServiceParamsType) => Promise<Pick<GetPluginStoreDataReturnType, 'pluginStore'>>;
 export declare const getPluginStoreData: ({ searchKey, selectedTags, appId, offset, signal, }: GetPluginStoreDataServiceParamsType) => Promise<GetPluginStoreDataReturnType>;
 export declare const getAvailablePluginTags: (appId: number) => Promise<string[]>;
+export declare const getParentPluginList: (appId?: number) => Promise<ResponseType<MinParentPluginDTO[]>>;

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

@@ -8,9 +8,13 @@ export declare enum PluginCreationType {
     SHARED = "SHARED",
     PRESET = "PRESET"
 }
-export interface GetPluginTagsPayloadType {
+export interface PluginAPIBaseQueryParamsType {
     appId: number;
 }
+export interface GetPluginTagsPayloadType extends PluginAPIBaseQueryParamsType {
+}
+export interface GetParentPluginListPayloadType extends PluginAPIBaseQueryParamsType {
+}
 export interface PluginTagNamesDTO {
     tagNames: string[];
 }
@@ -45,6 +49,9 @@ export interface ParentPluginDTO {
     type: PluginCreationType;
     icon: string;
     pluginVersions: PluginVersionsDTO;
+    pluginIdentifier: string;
+}
+export interface MinParentPluginDTO extends Pick<ParentPluginDTO, 'id' | 'name' | 'icon'> {
 }
 export interface PluginDetailDTO {
     parentPlugins: ParentPluginDTO[];
@@ -58,6 +65,7 @@ export interface PluginDetailServiceParamsType {
      * @default true
      */
     shouldShowError?: boolean;
+    signal?: AbortSignal;
 }
 export interface PluginDetailPayloadType extends Pick<PluginDetailServiceParamsType, 'appId'> {
     pluginId?: PluginDetailServiceParamsType['pluginIds'];
@@ -66,11 +74,11 @@ export interface PluginDetailPayloadType extends Pick<PluginDetailServiceParamsT
 export interface PluginListFiltersType extends Pick<BaseFilterQueryParams<unknown>, 'searchKey'> {
     selectedTags: string[];
 }
-interface ParentPluginType extends Pick<ParentPluginDTO, 'id' | 'name' | 'description' | 'type' | 'icon'> {
+interface ParentPluginType extends Pick<ParentPluginDTO, 'id' | 'name' | 'description' | 'type' | 'icon' | 'pluginIdentifier'> {
     latestVersionId: MinimalPluginVersionDataDTO['id'];
     pluginVersions: MinimalPluginVersionDataDTO[];
 }
-interface DetailedPluginVersionType extends Pick<MinimalPluginVersionDataDTO, 'id' | 'description' | 'name' | 'pluginVersion'>, Pick<DetailedPluginVersionDTO, 'tags' | 'isLatest' | 'inputVariables' | 'outputVariables' | 'updatedBy' | 'docLink'>, Pick<ParentPluginType, 'icon' | 'type'> {
+interface DetailedPluginVersionType extends Pick<MinimalPluginVersionDataDTO, 'id' | 'description' | 'name' | 'pluginVersion'>, Pick<DetailedPluginVersionDTO, 'tags' | 'isLatest' | 'inputVariables' | 'outputVariables' | 'updatedBy' | 'docLink'>, Pick<ParentPluginType, 'icon' | 'type' | 'pluginIdentifier'> {
     parentPluginId: ParentPluginType['id'];
 }
 export interface PluginDataStoreType {

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

@@ -1,3 +1,5 @@
+import { OptionProps } from 'react-select';
+import { OptionType } from '../../../Common/Types';
 import { ParentPluginDTO, PluginDataStoreType } from './types';
 
 export declare const parsePluginDetailsDTOIntoPluginStore: (pluginData: ParentPluginDTO[]) => PluginDataStoreType;
@@ -14,6 +16,7 @@ export declare const pluginTagSelectStyles: {
     group: (base: any) => any;
     groupHeading: (base: any) => any;
 };
+export declare const PluginTagOption: (props: OptionProps<OptionType, true>) => JSX.Element;
 /**
  * @description This method takes the initial plugin data store and updates the keys with the target parent plugin store and plugin version store
  */

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

@@ -81,5 +81,5 @@ import { SelectPickerProps } from './type';
  * <SelectPicker ... showSelectedOptionsCount />
  * ```
  */
-declare const SelectPicker: ({ error, icon, renderMenuListFooter, helperText, placeholder, label, showSelectedOptionIcon, size, disabledTippyContent, showSelectedOptionsCount, menuSize, ...props }: SelectPickerProps) => JSX.Element;
+declare const SelectPicker: ({ error, icon, renderMenuListFooter, helperText, placeholder, label, showSelectedOptionIcon, size, disabledTippyContent, showSelectedOptionsCount, menuSize, optionListError, reloadOptionList, ...props }: SelectPickerProps) => JSX.Element;
 export default SelectPicker;

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

@@ -1,3 +1,4 @@
+import { ServerErrors } from '../../../Common/ServerError';
 import { OptionType } from '../../../Common/Types';
 import { ComponentSizeType } from '../../constants';
 import { ReactElement, ReactNode } from 'react';
@@ -18,7 +19,7 @@ export interface SelectPickerOptionType extends OptionType<number | string, Reac
     endIcon?: ReactElement;
 }
 type SelectProps = ReactSelectProps<SelectPickerOptionType>;
-export interface SelectPickerProps extends Pick<SelectProps, 'options' | 'value' | 'onChange' | 'isSearchable' | 'isClearable' | 'isLoading' | 'hideSelectedOptions' | 'controlShouldRenderValue' | 'closeMenuOnSelect' | 'isDisabled' | 'isLoading' | 'required' | 'isOptionDisabled' | 'placeholder'>, Required<Pick<SelectProps, 'classNamePrefix' | 'inputId' | 'name'>> {
+export interface SelectPickerProps extends Pick<SelectProps, 'options' | 'value' | 'onChange' | 'isSearchable' | 'isClearable' | 'isLoading' | 'hideSelectedOptions' | 'controlShouldRenderValue' | 'closeMenuOnSelect' | 'isDisabled' | 'isLoading' | 'required' | 'isOptionDisabled' | 'placeholder' | 'autoFocus' | 'onKeyDown'>, Required<Pick<SelectProps, 'classNamePrefix' | 'inputId' | 'name'>> {
     /**
      * Icon to be rendered in the control
      */
@@ -70,5 +71,13 @@ export interface SelectPickerProps extends Pick<SelectProps, 'options' | 'value'
      * @default 'ComponentSizeType.small'
      */
     menuSize?: ComponentSizeType;
+    /**
+     * If truthy, would show generic section error state as no options message
+     */
+    optionListError?: ServerErrors;
+    /**
+     * Would reload the option list when called in case optionListError is present
+     */
+    reloadOptionList?: () => void;
 }
 export {};

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

@@ -34,3 +34,4 @@ export * from './Plugin';
 export * from './KeyValueTable';
 export * from './SelectPicker';
 export * from './DetectBottom';
+export * from './EditImageFormField';

package/dist/Shared/constants.d.ts

@@ -349,10 +349,35 @@ export declare const statusColor: {
 };
 export declare const APP_STATUS_HEADERS: string[];
 export declare const MATERIAL_EXCLUDE_TIPPY_TEXT = "Not available for build as this commit contains changes in excluded files or folders";
+export declare const AppListConstants: {
+    SAMPLE_NODE_REPO_URL: string;
+    CREATE_DEVTRON_APP_URL: string;
+    AppTabs: {
+        DEVTRON_APPS: string;
+        HELM_APPS: string;
+        ARGO_APPS: string;
+        FLUX_APPS: string;
+    };
+    AppType: {
+        DEVTRON_APPS: string;
+        HELM_APPS: string;
+        ARGO_APPS: string;
+        FLUX_APPS: string;
+    };
+    FilterType: {
+        PROJECT: string;
+        CLUTSER: string;
+        NAMESPACE: string;
+        ENVIRONMENT: string;
+        APP_STATUS: string;
+        TEMPLATE_TYPE: string;
+    };
+};
 export declare enum K8sResourcePayloadAppType {
     DEVTRON_APP = 0,
     HELM_APP = 1,
-    EXTERNAL_ARGO_APP = 2
+    EXTERNAL_ARGO_APP = 2,
+    EXTERNAL_FLUX_APP = 3
 }
 export declare const ANSI_UP_REGEX: RegExp;
 /**
@@ -363,3 +388,4 @@ export declare enum ComponentSizeType {
     medium = "medium",
     large = "large"
 }
+export declare const POP_UP_MENU_MODAL_ID = "popup";

package/dist/Shared/types.d.ts

@@ -124,7 +124,8 @@ export declare enum AppType {
     DEVTRON_APP = "devtron_app",
     DEVTRON_HELM_CHART = "devtron_helm_chart",
     EXTERNAL_HELM_CHART = "external_helm_chart",
-    EXTERNAL_ARGO_APP = "external_argo_app"
+    EXTERNAL_ARGO_APP = "external_argo_app",
+    EXTERNAL_FLUX_APP = "external_flux_app"
 }
 export interface HelmReleaseStatus {
     status: string;
@@ -140,6 +141,11 @@ interface MaterialInfo {
     url: string;
     webhookData: string;
 }
+export interface FluxAppStatusDetail {
+    status: string;
+    message: string;
+    reason: string;
+}
 export interface AppDetails {
     appId?: number;
     appName: string;
@@ -181,6 +187,8 @@ export interface AppDetails {
     helmPackageName?: string;
     appStatus?: string;
     chartAvatar?: string;
+    fluxTemplateType?: string;
+    FluxAppStatusDetail?: FluxAppStatusDetail;
 }
 export declare enum RegistryType {
     GIT = "git",

package/dist/Shared/validations.d.ts

@@ -12,6 +12,7 @@ export declare const MESSAGES: {
     VALID_POSITIVE_NUMBER: string;
     VALID_POSITIVE_INTEGER: string;
     MAX_SAFE_INTEGER: string;
+    INVALID_SEMANTIC_VERSION: string;
 };
 export declare const requiredField: (value: string) => ValidationResponseType;
 export declare const validateName: (name: string) => ValidationResponseType;
@@ -28,3 +29,13 @@ export declare const validateUniqueKeys: (keys: string[]) => {
     isValid: boolean;
     message: string;
 };
+/**
+ * Rules for valid semantic version:
+ * 1. version.length < 128 and not empty
+ * 2. version should follow semantic versioning regex from https://semver.org/
+ */
+export declare const validateSemanticVersioning: (version: string) => ValidationResponseType;
+/**
+ * A valid display name should be between 3 and 50 characters
+ */
+export declare const validateDisplayName: (name: string) => ValidationResponseType;