@devtron-labs/devtron-fe-common-lib 0.0.94-beta-4 → 0.0.95-beta-1

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

@@ -0,0 +1,143 @@
+export declare const customDayStyles: {
+    selectedStartStyles: {
+        background: string;
+        color: string;
+        hover: {
+            background: string;
+            color: string;
+        };
+    };
+    selectedEndStyles: {
+        background: string;
+        color: string;
+        hover: {
+            background: string;
+            color: string;
+        };
+    };
+    hoveredSpanStyles: {
+        background: string;
+        color: string;
+    };
+    selectedSpanStyles: {
+        background: string;
+        color: string;
+        hover: {
+            background: string;
+            color: string;
+        };
+    };
+    selectedStyles: {
+        background: string;
+        color: string;
+        hover: {
+            background: string;
+            color: string;
+        };
+    };
+    border: string;
+};
+export declare const MONTHLY_DATES_CONFIG: {
+    'Day 1': string;
+    'Day 2': string;
+    'Day 3': string;
+    'Day 4': string;
+    'Day 5': string;
+    'Day 6': string;
+    'Day 7': string;
+    'Day 8': string;
+    'Day 9': string;
+    'Day 10': string;
+    'Day 11': string;
+    'Day 12': string;
+    'Day 13': string;
+    'Day 14': string;
+    'Day 15': string;
+    'Day 16': string;
+    'Day 17': string;
+    'Day 18': string;
+    'Day 19': string;
+    'Day 20': string;
+    'Day 21': string;
+    'Day 22': string;
+    'Day 23': string;
+    'Day 24': string;
+    'Day 25': string;
+    'Day 26': string;
+    'Day 27': string;
+    'Day 28': string;
+    'Third Last Day': string;
+    'Second Last Day': string;
+    'Last Day': string;
+};
+export declare const TIME_OPTIONS_CONFIG: {
+    '12:00 AM': string;
+    '12:30 AM': string;
+    '01:00 AM': string;
+    '01:30 AM': string;
+    '02:00 AM': string;
+    '02:30 AM': string;
+    '03:00 AM': string;
+    '03:30 AM': string;
+    '04:00 AM': string;
+    '04:30 AM': string;
+    '05:00 AM': string;
+    '05:30 AM': string;
+    '06:00 AM': string;
+    '06:30 AM': string;
+    '07:00 AM': string;
+    '07:30 AM': string;
+    '08:00 AM': string;
+    '08:30 AM': string;
+    '09:00 AM': string;
+    '09:30 AM': string;
+    '10:00 AM': string;
+    '10:30 AM': string;
+    '11:00 AM': string;
+    '11:30 AM': string;
+    '12:00 PM': string;
+    '12:30 PM': string;
+    '01:00 PM': string;
+    '01:30 PM': string;
+    '02:00 PM': string;
+    '02:30 PM': string;
+    '03:00 PM': string;
+    '03:30 PM': string;
+    '04:00 PM': string;
+    '04:30 PM': string;
+    '05:00 PM': string;
+    '05:30 PM': string;
+    '06:00 PM': string;
+    '06:30 PM': string;
+    '07:00 PM': string;
+    '07:30 PM': string;
+    '08:00 PM': string;
+    '08:30 PM': string;
+    '09:00 PM': string;
+    '09:30 PM': string;
+    '10:00 PM': string;
+    '10:30 PM': string;
+    '11:00 PM': string;
+    '11:30 PM': string;
+};
+export declare const DATE_PICKER_PLACEHOLDER: {
+    DATE: string;
+    TIME: string;
+    MONTH: string;
+    DEFAULT_TIME: string;
+    DEFAULT_MONTHLY_DATE: string;
+};
+export declare const DATE_PICKER_IDS: {
+    DATE: string;
+    MONTH: string;
+    TIME: string;
+};
+export declare const reactSelectStyles: {
+    container: (base: any) => any;
+    control: (base: any, state: any) => any;
+    valueContainer: (base: any) => any;
+    input: (base: any) => any;
+    dropdownIndicator: (base: any, state: any) => any;
+    option: (base: any) => any;
+    menuList: (base: any) => any;
+};

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

@@ -0,0 +1,7 @@
+export { default as SingleDatePickerComponent } from './SingleDatePickerComponent';
+export * from './types';
+export * from './MonthlySelect';
+export * from './TimeSelect';
+export * from './utils';
+export * from './constants';
+export { default as DateTimePicker } from './DateTimePicker';

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

@@ -0,0 +1,124 @@
+import { Moment } from 'moment';
+import { SelectInstance } from 'react-select';
+import { OptionType } from '../../../Common';
+
+export interface SingleDatePickerProps {
+    /**
+     * Date value to be displayed
+     */
+    date: Moment;
+    /**
+     * Function to handle date change
+     */
+    handleDatesChange: (e: any) => void;
+    /**
+     * Value to make date picker read only
+     */
+    readOnly?: boolean;
+    /**
+     * Value to block today's date
+     */
+    isTodayBlocked?: boolean;
+    /**
+     * Value to block today's date
+     */
+    datePickerProps?: any;
+    /**
+     * Display format for the date
+     */
+    displayFormat?: string;
+    /**
+     * Data test id for date picker
+     */
+    dataTestId?: string;
+}
+export interface MonthlySelectProps extends Pick<SingleDatePickerProps, 'dataTestId'> {
+    /**
+     * Current selected date object
+     *
+     * @default 'new Date()'
+     */
+    selectedMonthlyDate: OptionType;
+    /**
+     * Onchange handle picker type
+     */
+    onChange?: (event: any) => void;
+}
+export interface TimeSelectProps {
+    /**
+     * Current selected date object
+     *
+     * @default 'new Date()'
+     */
+    date?: Date;
+    /**
+     * Handler for updating the date from the parent component
+     */
+    onChange: (date: Date) => void;
+    /**
+     * Props for the time picker
+     */
+    timePickerProps?: SelectInstance;
+    /**
+     * Error message for the DateTime picker component
+     */
+    error?: string;
+    /**
+     * If true, both the date and time picker are disabled
+     */
+    disabled?: boolean;
+    /**
+     * Id for the component
+     */
+    default12HourTime: OptionType;
+    /**
+     * Data test id for time picker
+     */
+    dataTestIdForTime?: string;
+    /**
+     * To hide time selector
+     */
+    selectedTimeOption: OptionType;
+}
+export interface DateTimePickerProps extends Pick<TimeSelectProps, 'date' | 'onChange' | 'timePickerProps' | 'error' | 'disabled' | 'dataTestIdForTime'> {
+    /**
+     * Props for the date picker
+     */
+    datePickerProps?: any;
+    /**
+     * Id for the component
+     */
+    id: string;
+    /**
+     * Label for the component
+     */
+    label?: string;
+    /**
+     * If true, the field is required and asterisk is shown
+     */
+    required?: boolean;
+    /**
+     * To hide time selector
+     */
+    hideTimeSelect?: boolean;
+    /**
+     * To make the field read only
+     */
+    readOnly?: boolean;
+    /**
+     * To block today's date
+     */
+    isTodayBlocked?: boolean;
+    /**
+     * To enable outside range
+     */
+    isOutsideRangeEnabled?: boolean;
+    /**
+     * Start date for the date picker
+     */
+    startDate?: Date;
+    /**
+     * Data test id for date picker
+     */
+    dataTestidForDate?: string;
+}

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

@@ -0,0 +1,46 @@
+import { OptionType } from '../../../Common';
+
+export declare const getTimePickerStyles: () => {
+    container: (base: any) => any;
+    control: (base: any, state: any) => any;
+    menu: (base: any) => any;
+    singleValue: (base: any) => any;
+    placeholder: (base: any) => any;
+    option: (base: any, state: any) => any;
+    valueContainer: (base: any) => any;
+    dropdownIndicator: (base: any) => any;
+};
+/**
+ * Return the options for the dates in label and value format
+ */
+export declare const MONTHLY_DATE_OPTIONS: {
+    label: string;
+    value: string;
+}[];
+/**
+ * Return the options for the time in label and value format
+ * @type {OptionType[]}
+ */
+export declare const DEFAULT_TIME_OPTIONS: OptionType[];
+/**
+ * Get the time value from the date object in the format: `hh:mm:ss`
+ */
+export declare const getTimeValue: (currentDateObj: Date) => string;
+/**
+ * Updates the time in the given date object and returns the updated object
+ */
+export declare const updateTime: (currentDateObj: Date, timeString: string) => Date;
+/**
+ * Updates the date in the given date object and returns the updated object
+ */
+export declare const updateDate: (currentDateObj: Date, newDate: Date) => Date;
+/**
+ * Get the default date from the time to live
+ * @param timeToLive
+ * @returns
+ */
+export declare const getDefaultDateFromTimeToLive: (timeToLive: string, isTomorrow?: boolean) => Date;
+/**
+ * Clock icon for the time picker
+ */
+export declare const DropdownIndicatorTimePicker: (props: any) => JSX.Element;

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

@@ -0,0 +1,4 @@
+import { EnvironmentSelectorProps } from './types';
+
+declare const EnvironmentSelector: <T>({ handleEnvironmentChange, selectedEnvironmentsMap, isMulti, placeholder, processOptions, styles, isClearable, autoFocus, }: EnvironmentSelectorProps<T>) => JSX.Element;
+export default EnvironmentSelector;

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

@@ -0,0 +1,5 @@
+export declare const ENVIRONMENT_SELECTOR_TEXT: {
+    DEFAULT_PLACEHOLDER: string;
+    GROUP_HEADING_PREFIX: string;
+    NO_ENVIRONMENTS_AVAILABLE: string;
+};

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

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

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

@@ -0,0 +1,3 @@
+import { GroupedOptionsType } from '../../types';
+
+export declare const getEnvironmentsGroupedByCluster: () => Promise<GroupedOptionsType[]>;

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

@@ -0,0 +1,27 @@
+import { OptionType } from '../../../Common';
+import { GroupedOptionsType } from '../../types';
+import { commonSelectStyles } from '../ReactSelect';
+
+export type SelectedEnvironmentsMapType<T> = Record<string, T>;
+export type BaseSelectorType = {
+    isMulti: true;
+    handleEnvironmentChange: (options: OptionType[]) => void;
+} | {
+    isMulti: false;
+    handleEnvironmentChange: (option: OptionType) => void;
+};
+export type EnvironmentSelectorProps<T> = BaseSelectorType & {
+    /**
+     * Would expect selected option to be like {[selectedOption1.label] = <any value we want to store>, ...}
+     */
+    selectedEnvironmentsMap?: SelectedEnvironmentsMapType<T>;
+    placeholder?: string;
+    /**
+     * This is a HEAVY operation, so make sure to wrap it in useCallback
+     * In case we want to process (filter, rename label, etc) the options before displaying them
+     */
+    processOptions?: (options: GroupedOptionsType[]) => GroupedOptionsType[];
+    styles?: typeof commonSelectStyles;
+    isClearable?: boolean;
+    autoFocus?: boolean;
+};

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

@@ -0,0 +1,6 @@
+import { OptionType } from '../../../Common';
+import { EnvListMinDTO, GroupedOptionsType } from '../../types';
+import { SelectedEnvironmentsMapType } from './types';
+
+export declare const parseEnvironmentClusterListToOptions: (environmentClusterList: EnvListMinDTO[]) => GroupedOptionsType[];
+export declare const getSelectedOptions: <T>(selectedEnvironmentsMap: SelectedEnvironmentsMapType<T>, options: GroupedOptionsType[]) => OptionType[];

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

@@ -1,5 +1,5 @@
-import { Breadcrumb } from '../../../Common/BreadCrumb/Types';
 import { ImageType } from '../../../Common';
+import { Breadcrumb } from '../../../Common/BreadCrumb/Types';
 
 export interface FeatureDescriptionModalProps {
     title: string;

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

@@ -1,5 +1,5 @@
-import { ServerInfoResponse } from './types';
 import { ResponseType } from '../../../Common';
+import { ServerInfoResponse } from './types';
 
 export declare const updatePostHogEvent: (payload: any) => Promise<ResponseType>;
 export declare const getServerInfo: (withoutStatus: boolean, isFormHeader: boolean) => Promise<ServerInfoResponse>;

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

@@ -1,6 +1,6 @@
-import { RegistryType } from '../..';
-import { ImageTaggingContainerType } from '../../../Common';
 import { ReactNode } from 'react';
+import { ImageTaggingContainerType } from '../../../Common';
+import { RegistryType } from '../..';
 
 export interface ArtifactInfoProps {
     imagePath: string;

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

@@ -1,6 +1,6 @@
-import { MaterialSecurityInfoType } from '../../types';
-import { CDModalTabType, VulnerabilityType } from '../../../Common';
 import { default as React, ReactNode } from 'react';
+import { CDModalTabType, VulnerabilityType } from '../../../Common';
+import { MaterialSecurityInfoType } from '../../types';
 
 export interface ImageCardAccordionProps extends MaterialSecurityInfoType {
     isSecurityModuleInstalled: boolean;

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

@@ -0,0 +1,14 @@
+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;
+};

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

@@ -1 +1,2 @@
 export * from './utils';
+export * from './constants';

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

@@ -8,6 +8,8 @@ export declare const getCommonSelectStyle: (styleOverrides?: {}) => {
     loadingMessage: (base: any) => any;
     noOptionsMessage: (base: any) => any;
     placeholder: (base: any) => any;
+    group: (base: any) => any;
+    groupHeading: (base: any) => any;
 };
 export declare const getCustomOptionSelectionStyle: (styleOverrides?: {}) => (base: any, state: any) => any;
 export declare const SelectOption: (props: any) => JSX.Element;
@@ -23,4 +25,6 @@ export declare const commonSelectStyles: {
     loadingMessage: (base: any) => any;
     noOptionsMessage: (base: any) => any;
     placeholder: (base: any) => any;
+    group: (base: any) => any;
+    groupHeading: (base: any) => any;
 };

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

@@ -1,5 +1,5 @@
-import { ScannedByToolModalProps } from './types';
 import { default as React } from 'react';
+import { ScannedByToolModalProps } from './types';
 
 declare const ScannedByToolModal: React.FC<ScannedByToolModalProps>;
 export default ScannedByToolModal;

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

@@ -17,14 +17,12 @@ export * from './Header';
 export * from './AnnouncementBanner';
 export * from './ButtonWithLoader';
 export * from './ButtonWithSelector';
+export * from './EnvironmentSelector';
 export * from './ModalSidebarPanel';
 export * from './ImageWithFallback';
 export * from './FeatureDescription';
 export * from './CICDHistory';
 export * from './GitCommitInfoGeneric';
 export * from './Error';
-export * from './CommitChipCell';
-export * from './ImageChipCell';
-export * from './ArtifactInfoModal';
-export * from './MaterialHistory';
+export * from './DatePicker';
 export * from './IframeContainer';

package/dist/Shared/Helpers.d.ts

@@ -1,7 +1,7 @@
-import { AggregatedNodes, DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType, PodMetadatum } from './Components';
-import { GitTriggers, IntersectionChangeHandler, IntersectionOptions, WebhookEventNameType } from './types';
-import { MaterialInfo, SortingOrder } from '../Common';
 import { ReactElement } from 'react';
+import { MaterialInfo, SortingOrder } from '../Common';
+import { GitTriggers, IntersectionChangeHandler, IntersectionOptions, WebhookEventNameType } from './types';
+import { AggregatedNodes, DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType, PodMetadatum } from './Components';
 
 interface HighlightSearchTextProps {
     /**

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

@@ -1,5 +1,5 @@
-import { UseUserEmailContextType } from './types';
 import { default as React } from 'react';
+import { UseUserEmailContextType } from './types';
 
 export declare const useUserEmail: () => UseUserEmailContextType;
 export declare const UserEmailProvider: React.FC<{}>;

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

@@ -1,6 +1,6 @@
-import { SERVER_MODE } from '../../Common';
-import { ServerInfo } from '../Components/Header/types';
 import { MutableRefObject, ReactNode } from 'react';
+import { ServerInfo } from '../Components/Header/types';
+import { SERVER_MODE } from '../../Common';
 
 export interface MainContext {
     serverMode: SERVER_MODE;

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

@@ -1,4 +1,2 @@
 export * from './types';
-export * from './app.types';
-export * from './app.service';
 export * from './common.service';

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

@@ -1,5 +1,5 @@
-import { ResourceKindType, ResourceVersionType } from '../types';
 import { getUrlWithSearchParams } from '../../Common';
+import { ResourceKindType, ResourceVersionType } from '../types';
 
 export interface ClusterType {
     id: number;

package/dist/Shared/index.d.ts

@@ -7,3 +7,4 @@ export * from './constants';
 export * from './Services';
 export * from './Store';
 export * from './Hooks';
+export * from './API';

package/dist/Shared/types.d.ts

@@ -1,5 +1,5 @@
+import { OptionType, CommonNodeAttr, ResponseType, UserApprovalConfigType, VulnerabilityType, DeploymentAppTypes, ServerErrors } from '../Common';
 import { EnvironmentTypeEnum, PatchOperationType } from './constants';
-import { OptionType, CommonNodeAttr, ResponseType, UserApprovalConfigType, VulnerabilityType, DeploymentAppTypes } from '../Common';
 
 export declare enum EnvType {
     CHART = "helm_charts",
@@ -418,6 +418,35 @@ export declare enum AggregationKeys {
     Namespaces = "Namespaces"
 }
 export type AggregationKeysType = keyof typeof AggregationKeys;
+export interface AppInfoListType {
+    application: string;
+    appStatus: string;
+    deploymentStatus: string;
+    lastDeployed: string;
+    lastDeployedImage?: string;
+    lastDeployedBy?: string;
+    appId: number;
+    envId: number;
+    pipelineId?: number;
+    commits?: string[];
+    ciArtifactId?: number;
+}
+export interface EnvListMinDTO {
+    id: number;
+    active: boolean;
+    allowedDeploymentTypes: DeploymentAppTypes[] | null;
+    appCount: number;
+    cluster_id: number;
+    cluster_name: string;
+    default: boolean;
+    description: string;
+    environmentIdentifier: string;
+    environment_name: string;
+    isClusterCdActive: boolean;
+    isDigestEnforcedForEnv: boolean;
+    isVirtualEnvironment: boolean;
+    namespace: string;
+}
 export interface EnvironmentType {
     /**
      * Unique identifier for the environment
@@ -454,11 +483,24 @@ export declare enum DependencyType {
     DOWNSTREAM = "downstream",
     LEVEL = "level"
 }
-export interface scrollableInterface {
-    autoBottomScroll: boolean;
-}
 export declare enum PromiseAllStatusType {
     FULFILLED = "fulfilled",
     REJECTED = "rejected"
 }
+export type ApiQueuingWithBatchResponseItem<T> = {
+    status: PromiseAllStatusType.FULFILLED;
+    value: T;
+} | {
+    status: PromiseAllStatusType.REJECTED;
+    reason: ServerErrors;
+};
+export interface BatchConfigType {
+    lastIndex: number;
+    results: any[];
+    concurrentCount: number;
+    completedCalls: number;
+}
+export interface scrollableInterface {
+    autoBottomScroll: boolean;
+}
 export {};