@devtron-labs/devtron-fe-common-lib 0.2.6 → 0.2.7-beta-1

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

@@ -60,8 +60,10 @@ export interface KeyValueTableProps<K extends string> {
     isSortable?: boolean;
     /** An optional React node for a custom header component. */
     headerComponent?: ReactNode;
-    /** When true, data addition field will not be shown */
+    /** When true, data addition field will not be shown. */
     isAdditionNotAllowed?: boolean;
+    /** When true, data add or update is disabled. */
+    readOnly?: boolean;
     /**
      * An optional function to handle changes in the table rows.
      * @param rowId - The id of the row that changed.
@@ -74,4 +76,25 @@ export interface KeyValueTableProps<K extends string> {
      * @param deletedRowIndex - The index of the row that was deleted.
      */
     onDelete?: (deletedRowId: string | number) => void;
+    /**
+     * Indicates whether to show errors.
+     */
+    showError?: boolean;
+    /**
+     * The function to use to validate the value of the cell.
+     * @param value - The value to validate.
+     * @param key - The row key of the value.
+     * @returns Return true if the value is valid, otherwise false
+     * and set `showError` to `true` and provide errorMessages array to show error message.
+     */
+    validationSchema?: (value: string, key: K) => boolean;
+    /**
+     * An array of error messages to be displayed in the cell error tooltip.
+     */
+    errorMessages?: string[];
+    /**
+     * A callback function called when an error occurs.
+     * @param errorState - The error state, true when any cell has error, otherwise false.
+     */
+    onError?: (errorState: boolean) => void;
 }

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, variant, ...props }: SelectPickerProps) => JSX.Element;
 export default SelectPicker;

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

@@ -6,5 +6,5 @@ export declare const SelectPickerClearIndicator: (props: ClearIndicatorProps<Sel
 export declare const SelectPickerControl: ({ icon, showSelectedOptionIcon, ...props }: ControlProps<SelectPickerOptionType> & Pick<SelectPickerProps, 'icon' | 'showSelectedOptionIcon'>) => JSX.Element;
 export declare const SelectPickerValueContainer: ({ showSelectedOptionsCount, ...props }: ValueContainerProps<SelectPickerOptionType> & Pick<SelectPickerProps, 'showSelectedOptionsCount'>) => JSX.Element;
 export declare const SelectPickerLoadingIndicator: () => JSX.Element;
-export declare const SelectPickerOption: (props: OptionProps<SelectPickerOptionType>) => JSX.Element;
+export declare const SelectPickerOption: ({ disableDescriptionEllipsis }: SelectPickerProps) => (props: OptionProps<SelectPickerOptionType>) => JSX.Element;
 export declare const SelectPickerMenuList: ({ renderMenuListFooter, ...props }: MenuListProps<SelectPickerOptionType> & Pick<SelectPickerProps, 'renderMenuListFooter'>) => JSX.Element;

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

@@ -1,2 +1,3 @@
 export { default as SelectPicker } from './SelectPicker.component';
 export * from './type';
+export { getSelectPickerOptionByValue } from './utils';

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

@@ -17,6 +17,10 @@ export interface SelectPickerOptionType extends OptionType<number | string, Reac
      */
     endIcon?: ReactElement;
 }
+export declare enum SelectPickerVariantType {
+    DEFAULT = "default",
+    BORDERLESS = "borderless"
+}
 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'>> {
     /**
@@ -70,5 +74,17 @@ export interface SelectPickerProps extends Pick<SelectProps, 'options' | 'value'
      * @default 'ComponentSizeType.small'
      */
     menuSize?: ComponentSizeType;
+    /**
+     * Variant of the select.
+     *
+     * @default SelectPickerVariantType.DEFAULT
+     */
+    variant?: SelectPickerVariantType;
+    /**
+     * Disables the ellipsis on description, it will be shown in full width, wrapped if required.
+     *
+     * @default false
+     */
+    disableDescriptionEllipsis?: boolean;
 }
 export {};

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

@@ -1,4 +1,13 @@
-import { StylesConfig } from 'react-select';
+import { GroupBase, OptionsOrGroups, StylesConfig } from 'react-select';
 import { SelectPickerOptionType, SelectPickerProps } from './type';
 
-export declare const getCommonSelectStyle: ({ error, size, menuSize, }: Pick<SelectPickerProps, 'error' | 'size' | 'menuSize'>) => StylesConfig<SelectPickerOptionType>;
+export declare const getCommonSelectStyle: ({ error, size, menuSize, variant, }: Pick<SelectPickerProps, 'error' | 'size' | 'menuSize' | 'variant'>) => StylesConfig<SelectPickerOptionType>;
+/**
+ * Retrieves an option from the options list based on the provided value.
+ *
+ * @param optionsList - The list of options or groups of options.
+ * @param value - The value to compare against the options' values.
+ * @param defaultOption - The default option to return if no match is found.
+ * @returns The matched option or the default option if no match is found.
+ */
+export declare const getSelectPickerOptionByValue: (optionsList: OptionsOrGroups<SelectPickerOptionType, GroupBase<SelectPickerOptionType>>, value: string | number, defaultOption?: SelectPickerOptionType) => SelectPickerOptionType;

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

@@ -1,5 +1,6 @@
 interface ShowMoreTextProps {
     text: string;
+    textClass?: string;
 }
-export declare const ShowMoreText: ({ text }: ShowMoreTextProps) => JSX.Element;
-export {};
+declare const ShowMoreText: ({ text, textClass }: ShowMoreTextProps) => JSX.Element;
+export default ShowMoreText;

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

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

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

@@ -1,4 +1,5 @@
 import { LastExecutionResponseType, LastExecutionResultType } from '../../types';
 
+export declare const getSortedVulnerabilities: (vulnerabilities: any) => any;
 export declare const getParsedScanResult: (scanResult: any) => LastExecutionResultType;
 export declare const parseLastExecutionResponse: (response: any) => LastExecutionResponseType;

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

@@ -10,7 +10,6 @@ export * from './FilterChips';
 export * from './ActivityIndicator';
 export * from './GenericSectionErrorState';
 export * from './KeyValueList';
-export * from './ScannedObjectBar';
 export * from './InfoIconTippy';
 export * from './EditableTextArea';
 export * from './Header';
@@ -33,4 +32,9 @@ export * from './IframeContainer';
 export * from './Plugin';
 export * from './KeyValueTable';
 export * from './SelectPicker';
+export * from './ShowMoreText';
+export * from './CollapsibleList';
+export * from './DeploymentConfigDiff';
 export * from './DetectBottom';
+export * from './Collapse';
+export * from './FilterButton';

package/dist/Shared/Helpers.d.ts

@@ -1,4 +1,5 @@
 import { ReactElement } from 'react';
+import { Pair } from 'yaml';
 import { MaterialInfo, SortingOrder } from '../Common';
 import { GitTriggers, IntersectionChangeHandler, IntersectionOptions, WebhookEventNameType } from './types';
 import { AggregatedNodes, DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType, PodMetadatum } from './Components';
@@ -24,8 +25,8 @@ export declare const getIsMaterialInfoAvailable: (materialInfo: MaterialInfo[])
 export declare const getGitCommitInfo: (materialInfo: MaterialInfo) => GitTriggers;
 export declare const stringComparatorBySortOrder: (a: string, b: string, sortOrder?: SortingOrder, isCaseSensitive?: boolean) => number;
 export declare const numberComparatorBySortOrder: (a: number, b: number, sortOrder?: SortingOrder) => number;
-export declare function versionComparatorBySortOrder(a: Record<string, any>, b: Record<string, any>, compareKey: string, orderBy: SortingOrder): any;
 export declare const getWebhookEventIcon: (eventName: WebhookEventNameType) => JSX.Element;
+export declare const yamlComparatorBySortOrder: (a: Pair, b: Pair, sortOrder?: SortingOrder) => number;
 export declare const useIntersection: (target: React.RefObject<Element> | Element | null, options?: IntersectionOptions, callback?: IntersectionChangeHandler) => boolean;
 export declare const isNullOrUndefined: (value: unknown) => boolean;
 export declare const handleDisableSubmitOnEnter: (event: React.KeyboardEvent<HTMLFormElement>) => void;
@@ -37,4 +38,9 @@ export declare const decode: (data: any, isEncoded?: boolean) => {};
 export declare const isTimeStringAvailable: (time: string) => boolean;
 export declare const getTimeDifference: (startTime: string, endTime: string) => string;
 export declare const getFileNameFromHeaders: (headers: Headers) => string;
+/**
+ * @description - Function to open a new tab with the given url
+ * @param url - url to be opened in new tab
+ */
+export declare const getHandleOpenURL: (url: string) => () => void;
 export {};

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

@@ -1,7 +1,9 @@
-import { CIMaterialInfoType, GetCITriggerInfoParamsType } from './app.types';
+import { ResponseType } from '../../Common';
+import { CIMaterialInfoType, GetCITriggerInfoParamsType, AppEnvDeploymentConfigDTO, AppEnvDeploymentConfigPayloadType } from './app.types';
 
 export declare const getCITriggerInfo: (params: GetCITriggerInfoParamsType) => Promise<CIMaterialInfoType>;
 /**
  * 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: AppEnvDeploymentConfigPayloadType, signal?: AbortSignal) => Promise<ResponseType<AppEnvDeploymentConfigDTO>>;

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

@@ -93,4 +93,120 @@ export interface GetCITriggerInfoParamsType {
     envId: number | string;
     ciArtifactId: number | string;
 }
+export declare enum AppEnvDeploymentConfigType {
+    PUBLISHED_ONLY = "PublishedOnly",
+    DRAFT_ONLY = "DraftOnly",
+    PUBLISHED_WITH_DRAFT = "PublishedWithDraft",
+    PREVIOUS_DEPLOYMENTS = "PreviousDeployments",
+    DEFAULT_VERSION = "DefaultVersion"
+}
+export interface DraftMetadataDTO {
+    appId: number;
+    envId: number;
+    resource: number;
+    resourceName: string;
+    action: number;
+    data: string;
+    userComment: string;
+    changeProposed: boolean;
+    protectNotificationConfig: {
+        [key: string]: null;
+    };
+    draftId: number;
+    draftVersionId: number;
+    draftState: number;
+    approvers: string[];
+    canApprove: boolean;
+    commentsCount: number;
+    dataEncrypted: boolean;
+    isAppAdmin: boolean;
+}
+export interface ConfigDatum {
+    name: string;
+    type: string;
+    external: boolean;
+    data: Record<string, string>;
+    defaultData: Record<string, string>;
+    global: boolean;
+    externalType: string;
+    esoSecretData: {};
+    defaultESOSecretData: {};
+    secretData: Record<string, string>;
+    defaultSecretData: Record<string, string>;
+    roleARN: string;
+    subPath: boolean;
+    filePermission: string;
+    overridden: boolean;
+    mountPath?: string;
+    defaultMountPath?: string;
+}
+export interface ConfigMapSecretDataConfigDatumDTO extends ConfigDatum {
+    draftMetadata: DraftMetadataDTO;
+}
+export interface ConfigMapSecretDataType {
+    id: number;
+    appId: number;
+    configData: ConfigMapSecretDataConfigDatumDTO[];
+}
+export declare enum ConfigResourceType {
+    ConfigMap = "ConfigMap",
+    Secret = "Secret",
+    DeploymentTemplate = "Deployment Template"
+}
+export interface DeploymentTemplateDTO {
+    resourceType: ConfigResourceType.DeploymentTemplate;
+    data: {
+        [key: string]: any;
+    };
+    deploymentDraftData: ConfigMapSecretDataType | null;
+}
+export interface ConfigMapSecretDataDTO {
+    resourceType: Extract<ConfigResourceType, ConfigResourceType.ConfigMap | ConfigResourceType.Secret>;
+    data: ConfigMapSecretDataType;
+}
+export interface AppEnvDeploymentConfigDTO {
+    deploymentTemplate: DeploymentTemplateDTO | null;
+    configMapData: ConfigMapSecretDataDTO | null;
+    secretsData: ConfigMapSecretDataDTO | null;
+    isAppAdmin: boolean;
+}
+export interface AppEnvDeploymentConfigPayloadType {
+    appName: string;
+    envName: string;
+    configType: AppEnvDeploymentConfigType;
+    identifierId?: number;
+    pipelineId?: number;
+    resourceType?: ConfigResourceType;
+    resourceId?: number;
+    resourceName?: string;
+}
+export declare enum TemplateListType {
+    DefaultVersions = 1,
+    PublishedOnEnvironments = 2,
+    DeployedOnSelfEnvironment = 3,
+    DeployedOnOtherEnvironment = 4
+}
+export interface TemplateListDTO {
+    chartRefId: number;
+    chartVersion?: string;
+    chartType?: string;
+    type: TemplateListType;
+    environmentId?: number;
+    environmentName?: string;
+    deploymentTemplateHistoryId?: number;
+    finishedOn?: string;
+    status?: string;
+    pipelineId?: number;
+}
+export declare enum DraftState {
+    Init = 1,
+    Discarded = 2,
+    Published = 3,
+    AwaitApproval = 4
+}
+export declare enum EnvResourceType {
+    ConfigMap = "configmap",
+    Secret = "secrets",
+    DeploymentTemplate = "deployment-template"
+}
 export {};

package/dist/Shared/constants.d.ts

@@ -347,6 +347,9 @@ export declare const statusColor: {
     unabletofetch: string;
     hibernating: string;
 };
+export declare const PULSATING_STATUS_MAP: {
+    [key in keyof typeof statusColor]?: boolean;
+};
 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: {

package/dist/Shared/types.d.ts

@@ -210,8 +210,10 @@ export declare enum DefaultUserKey {
 }
 export declare enum Severity {
     CRITICAL = "critical",
-    MODERATE = "moderate",
-    LOW = "low"
+    HIGH = "high",
+    MEDIUM = "medium",
+    LOW = "low",
+    UNKNOWN = "unknown"
 }
 export declare enum ImagePromotionTabs {
     REQUEST = "request",
@@ -380,16 +382,19 @@ export declare enum ResourceVersionType {
     v1 = "v1",
     alpha1 = "alpha1"
 }
+export interface SeverityCount {
+    critical: number;
+    high: number;
+    medium: number;
+    low: number;
+    unknown: number;
+}
 export declare enum PolicyKindType {
     lockConfiguration = "lock-configuration"
 }
 export interface LastExecutionResultType {
     lastExecution: string;
-    severityCount: {
-        critical: number;
-        moderate: number;
-        low: number;
-    };
+    severityCount: SeverityCount;
     vulnerabilities: VulnerabilityType[];
     scanExecutionId?: number;
     appId?: number;
@@ -536,6 +541,13 @@ export interface BatchConfigType {
 export interface scrollableInterface {
     autoBottomScroll: boolean;
 }
+export declare enum URLProtocolType {
+    HTTP = "http:",
+    HTTPS = "https:",
+    SSH = "ssh:",
+    SMTP = "smtp:",
+    S3 = "s3:"
+}
 export type BaseFilterQueryParams<T> = {
     /**
      * Offset for the list result

package/dist/Shared/validations.d.ts

@@ -1,3 +1,5 @@
+import { URLProtocolType } from './types';
+
 export interface ValidationResponseType {
     isValid: boolean;
     message?: string;
@@ -20,6 +22,7 @@ export declare const validateStringLength: (value: string, maxLimit: number, min
 export declare const validateRequiredPositiveNumber: (value: string | number) => ValidationResponseType;
 export declare const validateRequiredPositiveInteger: (value: string | number) => ValidationResponseType;
 export declare const validateURL: (url: string, allowBase64Url?: boolean) => ValidationResponseType;
+export declare const validateProtocols: (url: string, protocols: URLProtocolType[], isRequired?: boolean) => ValidationResponseType;
 export declare const validateIfImageExist: (url: string) => Promise<ValidationResponseType>;
 export declare const validateUniqueKeys: (keys: string[]) => {
     isValid: boolean;
@@ -28,4 +31,3 @@ export declare const validateUniqueKeys: (keys: string[]) => {
     isValid: boolean;
     message: string;
 };
-export declare const validateJSON: (json: string) => ValidationResponseType;