@devtron-labs/devtron-fe-common-lib 0.0.98-beta-2 → 0.0.98-beta-3

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

@@ -0,0 +1,116 @@
+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;
+    /**
+     * 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/types.d.ts

@@ -1,6 +1,6 @@
-import { commonSelectStyles } from '../ReactSelect';
-import { GroupedOptionsType } from '../../types';
 import { OptionType } from '../../../Common';
+import { GroupedOptionsType } from '../../types';
+import { commonSelectStyles } from '../ReactSelect';
 
 export type SelectedEnvironmentsMapType<T> = Record<string, T>;
 export type BaseSelectorType = {

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

@@ -1,6 +1,6 @@
-import { SelectedEnvironmentsMapType } from './types';
-import { EnvListMinDTO, GroupedOptionsType } from '../../types';
 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/HeaderWithCreateButton/constants.d.ts

@@ -0,0 +1,22 @@
+declare const AppListConstants: {
+    SAMPLE_NODE_REPO_URL: string;
+    CREATE_DEVTRON_APP_URL: string;
+    AppTabs: {
+        DEVTRON_APPS: string;
+        HELM_APPS: string;
+        ARGO_APPS: string;
+    };
+    AppType: {
+        DEVTRON_APPS: string;
+        HELM_APPS: string;
+        ARGO_APPS: string;
+    };
+    FilterType: {
+        PROJECT: string;
+        CLUTSER: string;
+        NAMESPACE: string;
+        ENVIRONMENT: string;
+        APP_STATUS: string;
+    };
+};
+export default AppListConstants;

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/ImageChipCell/types.d.ts

@@ -1,5 +1,5 @@
-import { RegistryType } from '../../types';
 import { SyntheticEvent } from 'react';
+import { RegistryType } from '../../types';
 
 export interface ImageChipCellProps {
     handleClick: (e: SyntheticEvent) => void;

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/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

@@ -24,6 +24,7 @@ export * from './FeatureDescription';
 export * from './CICDHistory';
 export * from './GitCommitInfoGeneric';
 export * from './Error';
+export * from './DatePicker';
 export * from './CommitChipCell';
 export * from './ImageChipCell';
 export * from './ArtifactInfoModal';

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/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/constants.d.ts

@@ -348,27 +348,3 @@ 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;
-    };
-};

package/dist/Shared/types.d.ts

@@ -1,5 +1,5 @@
-import { EnvironmentTypeEnum, PatchOperationType } from './constants';
 import { OptionType, CommonNodeAttr, ResponseType, UserApprovalConfigType, VulnerabilityType, DeploymentAppTypes, ServerErrors } from '../Common';
+import { EnvironmentTypeEnum, PatchOperationType } from './constants';
 
 export declare enum EnvType {
     CHART = "helm_charts",
@@ -124,8 +124,7 @@ 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_FLUX_APP = "external_flux_app"
+    EXTERNAL_ARGO_APP = "external_argo_app"
 }
 export interface HelmReleaseStatus {
     status: string;