@devtron-labs/devtron-fe-common-lib 1.20.7 → 1.21.0-beta-1

package/dist/Common/BreadCrumb/BreadcrumbStore.d.ts

@@ -1,6 +1,7 @@
 import { default as React } from 'react';
 import { BreadcrumbTextProps } from './Types';
 export declare const BreadcrumbText: ({ heading, isActive, shouldTruncate }: BreadcrumbTextProps) => JSX.Element;
+export declare const getBreadCrumbSeparator: (sep?: string) => JSX.Element;
 declare const Store: ({ children }: {
     children: any;
 }) => JSX.Element;

package/dist/Common/Constants.d.ts

@@ -64,6 +64,13 @@ export declare const URLS: {
     readonly GLOBAL_CONFIG_TEMPLATES_DEVTRON_APP_DETAIL: "/global-config/templates/devtron-apps/detail/:appId";
     readonly LICENSE_AUTH: "/license-auth";
     readonly GLOBAL_CONFIG_EDIT_CLUSTER: "/global-config/cluster-env/edit/:clusterId";
+    readonly OBSERVABILITY: "/observability";
+    readonly OBSERVABILITY_OVERVIEW: "/observability/overview";
+    readonly OBSERVABILITY_TENANTS: "/observability/tenants";
+    readonly OBSERVABILITY_TENANT_DETAILS: "/observability/tenants/:tenantName";
+    readonly OBSERVABILITY_TENANT_OVERVIEW: "/observability/tenants/:tenantName/overview";
+    readonly OBSERVABILITY_TENANT_VMS: "/observability/tenants/:tenantName/vms";
+    readonly OBSERVABILITY_TENANT_VM_DETAILS: "/observability/tenants/:tenantName/vms/:vmName";
 };
 export declare const ROUTES: {
     readonly APP: "app";
@@ -327,6 +334,7 @@ export declare const DATE_TIME_FORMATS: {
     DD_MMM_YYYY_HH_MM: string;
     DD_MMM_YYYY: string;
     'DD/MM/YYYY': string;
+    FULL_DATE_WITH_TIME: string;
 };
 export declare const SEMANTIC_VERSION_DOCUMENTATION_LINK = "https://semver.org/";
 export declare const VULNERABILITIES_SORT_PRIORITY: {

package/dist/Pages/ResourceBrowser/types.d.ts

@@ -128,6 +128,7 @@ export declare enum ResourceBrowserActionMenuEnum {
     logs = "logs",
     terminal = "terminal",
     delete = "delete",
-    vulnerability = "vulnerability"
+    vulnerability = "vulnerability",
+    restart = "restart"
 }
 export {};

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

@@ -0,0 +1,2 @@
+import { DatePickerRangeControllerProps } from './types';
+export declare const DatePickerRangeController: ({ handlePredefinedRange, handleApply, calendar, calendarInputs, handleDateInput, handleDatesChange, calendarValue, focusedInput, handleFocusChange, }: DatePickerRangeControllerProps) => JSX.Element;

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

@@ -1,3 +1,24 @@
+import { default as moment } from 'moment';
+export declare const selectedStyles: {
+    background: string;
+    color: string;
+    hover: {
+        background: string;
+        color: string;
+    };
+};
+export declare const selectedSpanStyles: {
+    background: string;
+    color: string;
+    hover: {
+        background: string;
+        color: string;
+    };
+};
+export declare const hoveredSpanStyles: {
+    background: string;
+    color: string;
+};
 export declare const customDayStyles: {
     selectedStartStyles: {
         background: string;
@@ -132,3 +153,44 @@ export declare const DATE_PICKER_IDS: {
     MONTH: string;
     TIME: string;
 };
+export declare const styles: {
+    PresetDateRangePicker_panel: {
+        padding: string;
+        width: string;
+        height: string;
+    };
+    PresetDateRangePicker_button: {
+        width: string;
+        background: string;
+        border: string;
+        color: string;
+        padding: string;
+        font: string;
+        fontWeight: number;
+        lineHeight: string;
+        overflow: string;
+        cursor: string;
+        ':active': {
+            outline: number;
+        };
+    };
+    DayPicker__horizontal: {
+        borderRadius: string;
+    };
+    PresetDateRangePicker_button__selected: {
+        color: string;
+        fontWeight: number;
+        background: string;
+        outline: string;
+    };
+};
+export declare const DayPickerCalendarInfoHorizontal: {
+    width: string;
+    boxShadow: string;
+};
+export declare const DayPickerRangeControllerPresets: {
+    text: string;
+    endDate: moment.Moment;
+    startDate: moment.Moment;
+    endStr: string;
+}[];

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

@@ -1,5 +1,6 @@
 export * from './constants';
 export { default as DateTimePicker } from './DateTimePicker';
+export { DatePickerRangeController } from './DayPickerRangeController';
 export * from './MonthlySelect';
 export { default as SingleDatePickerComponent } from './SingleDatePickerComponent';
 export * from './TimeSelect';

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

@@ -119,3 +119,16 @@ export interface DateTimePickerProps extends Pick<TimeSelectProps, 'date' | 'tim
      */
     onChange: (date: Date) => void;
 }
+export type CalendarFocusInputType = 'startDate' | 'endDate';
+export interface DatePickerRangeControllerProps {
+    calendar: any;
+    calendarInputs: any;
+    focusedInput: any;
+    handleFocusChange: any;
+    handleDatesChange: any;
+    handleCalendarInputs?: any;
+    calendarValue: string;
+    handlePredefinedRange: (start: Moment, end: Moment, endStr: string) => void;
+    handleDateInput: (key: 'startDate' | 'endDate', value: string) => void;
+    handleApply: (...args: any[]) => void;
+}

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

@@ -32,3 +32,15 @@ export declare const updateDate: (currentDateObj: Date, newDate: Date) => Date;
  * @returns
  */
 export declare const getDefaultDateFromTimeToLive: (timeToLive: string, isTomorrow?: boolean) => Date;
+/**
+ * Returns a string representing the range of dates
+ * given by the start and end dates. If the end date
+ * is 'now' and the start date includes 'now',
+ * it will return the corresponding range from the
+ * DayPickerRangeControllerPresets array.
+ * @param startDateStr - the start date string
+ * @param endDateStr - the end date string
+ * @returns - a string representing the range of dates
+ */
+export declare const getCalendarValue: (startDateStr: string, endDateStr: string) => string;
+export declare const getTimestampFromDateIfAvailable: (dateString: string) => string;

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

@@ -0,0 +1,3 @@
+import { ExportToCsvProps } from './types';
+declare const ExportToCsv: <HeaderItemType extends string>({ apiPromise, fileName, triggerElementConfig, disabled, modalConfig, headers, downloadRequestId, }: ExportToCsvProps<HeaderItemType>) => JSX.Element;
+export default ExportToCsv;

package/dist/Shared/Components/ExportToCsv/ExportToCsvDialog.d.ts

@@ -0,0 +1,3 @@
+import { ExportToCsvDialogProps } from './types';
+declare const ExportToCsvDialog: ({ exportDataError, isLoading, initiateDownload, handleCancelRequest, }: ExportToCsvDialogProps) => JSX.Element;
+export default ExportToCsvDialog;

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

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

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

@@ -0,0 +1,64 @@
+import { ServerErrors } from '../../../Common/ServerError';
+import { APIOptions } from '../../../Common/Types';
+import { ButtonProps } from '../Button';
+type TriggerElementConfigType = {
+    buttonProps: ButtonProps;
+    showOnlyIcon?: boolean;
+    customButton?: never;
+    isExternalTrigger?: false;
+} | {
+    customButton: {
+        content: JSX.Element;
+        className: string;
+    };
+    buttonProps?: never;
+    showOnlyIcon?: false;
+    isExternalTrigger?: false;
+} | {
+    isExternalTrigger: true;
+    showOnlyIcon?: false;
+    buttonProps?: never;
+    customButton?: never;
+} | {
+    showOnlyIcon: true;
+    buttonProps?: never;
+    customButton?: never;
+    isExternalTrigger?: false;
+};
+export interface ExportToCsvProps<HeaderItemKeyType extends string> {
+    headers: {
+        label: string;
+        key: HeaderItemKeyType;
+    }[];
+    apiPromise: ({ signal, }: Pick<APIOptions, 'signal'>) => Promise<Record<HeaderItemKeyType, string | number | boolean>[]>;
+    fileName: string;
+    /**
+     * If nothing given will render a Button with "Export CSV" text
+     */
+    triggerElementConfig?: TriggerElementConfigType;
+    /**
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * If not given would show default dialog
+     */
+    modalConfig?: {
+        hideDialog: false;
+        renderCustomModal?: (proceedWithDownload: (shouldProceed: boolean) => void) => JSX.Element;
+    } | {
+        hideDialog: true;
+        renderCustomModal?: never;
+    };
+    /**
+     * If given, would trigger export on when this changes and has some value
+     */
+    downloadRequestId?: string | number;
+}
+export interface ExportToCsvDialogProps {
+    isLoading: boolean;
+    exportDataError: ServerErrors;
+    initiateDownload: () => void;
+    handleCancelRequest: () => void;
+}
+export {};

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

@@ -17,9 +17,14 @@ export declare const iconMap: {
     'ic-aws-codecommit': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-azure-aks': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-azure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-bg-cloud-vms': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bg-cluster': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bg-environment': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-bg-healthy-vms': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-bg-running-vms': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-bg-tenants': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bharatpe': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-binoculars': 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-brain': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -77,12 +82,14 @@ export declare const iconMap: {
     'ic-ecr': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-edit': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-email': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-enter-fullscreen': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-enterprise-feat': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-enterprise-tag': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-env': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-environment-isolated': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-environment': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-error': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-exit-fullscreen': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-expand-right-sm': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-expand-sm': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-failure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;

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

@@ -36,6 +36,7 @@ export * from './EditImageFormField';
 export * from './EnvironmentSelector';
 export * from './Error';
 export * from './ExcludedImageNode';
+export * from './ExportToCsv';
 export * from './FeatureDescription';
 export * from './FileUpload';
 export * from './FilterChips';

package/dist/Shared/types.d.ts

@@ -1,8 +1,8 @@
 import { ReactNode } from 'react';
 import { ParsedCountry } from 'react-international-phone';
 import { Dayjs } from 'dayjs';
-import { APIOptions, ApprovalConfigDataType, Strategy } from '../Common/Types';
-import { ReleaseMode } from '../Pages/index';
+import { ActionTypes, APIOptions, ApprovalConfigDataType, Strategy } from '../Common/Types';
+import { ReleaseMode, UserStatus } from '../Pages/index';
 import { CommonNodeAttr, DeploymentAppTypes, OptionType, PluginType, RefVariableType, SegmentedControlProps, ServerError, ServerErrors, SortingParams, TriggerBlockType, ValueConstraintType, VariableType, VulnerabilityType } from '../Common';
 import { SelectPickerOptionType, WorkflowRunnerStatusDTO } from './Components';
 import { BASE_CONFIGURATION_ENV_ID, DEPLOYMENT_STATUS, EnvironmentTypeEnum, PatchOperationType } from './constants';
@@ -653,7 +653,8 @@ export declare enum EntityTypes {
     DOCKER = "docker",
     GIT = "git",
     CLUSTER = "cluster",
-    NOTIFICATION = "notification"
+    NOTIFICATION = "notification",
+    OBSERVABILITY = "observe"
 }
 export interface CustomRoles {
     id: number;
@@ -1113,4 +1114,12 @@ export interface PipelineDeploymentStrategy {
     strategies: Strategy[];
     error: ServerError;
 }
+export interface ObservabilityPermissionFilter {
+    entityName: OptionType[];
+    action: ActionTypes.VIEW | ActionTypes.ADMIN;
+    tenant: OptionType;
+    entityNameError?: boolean;
+    status: UserStatus;
+    timeToLive: string;
+}
 export {};

package/dist/assets/ic-bg-cloud-vms.7241e97c.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+  <rect width="24" height="24" fill="#FFE5DE" rx="6"/>
+  <path stroke="#FF7E5B" stroke-linecap="round" stroke-linejoin="round" d="M5.877 14.146A3.499 3.499 0 0 1 9.37 8.442c.63-1.109 1.408-2.186 2.717-2.728A5 5 0 0 1 18 13.333m-2.586 2H8.587m6.827 0c.324 0 .586.249.586.556v2.222c0 .307-.262.555-.586.555H8.587c-.324 0-.587-.248-.587-.555v-2.222c0-.307.263-.556.587-.556m6.827 0c.324 0 .586-.249.586-.556v-2.222c0-.307-.262-.555-.586-.555H8.587c-.324 0-.587.248-.587.555v2.223c0 .306.263.555.587.555m5.51 1.688h-.778m.778-3.333h-.778" vector-effect="non-scaling-stroke"/>
+</svg>

package/dist/assets/ic-bg-healthy-vms.653e8abc.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+  <rect width="24" height="24" fill="#E9FBF4" rx="6"/>
+  <path stroke="#1DAD70" stroke-linecap="round" stroke-linejoin="round" d="M9 12a5 5 0 1 1 5 5H8.5a3.5 3.5 0 1 1 .87-6.891m6.63.558-2.667 2.666L12 12" vector-effect="non-scaling-stroke"/>
+</svg>

package/dist/assets/ic-bg-running-vms.e469929a.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+  <rect width="24" height="24" fill="#E5F2FF" rx="6"/>
+  <path stroke="#06C" stroke-linecap="round" stroke-linejoin="round" d="M9 12a5 5 0 1 1 5 5H8.5a3.5 3.5 0 1 1 .87-6.891m6.63.157v1.091l-.706-.771a1.83 1.83 0 0 0-.594-.434 1.696 1.696 0 0 0-1.4 0 1.83 1.83 0 0 0-.594.434M12 13.734v-1.091l.706.771c.17.186.372.333.594.434a1.697 1.697 0 0 0 1.4 0c.222-.1.424-.248.594-.434" vector-effect="non-scaling-stroke"/>
+</svg>

package/dist/assets/ic-bg-tenants.d0369094.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+  <rect width="24" height="24" fill="#E5F2FF" rx="6"/>
+  <path stroke="#06C" stroke-linecap="round" stroke-linejoin="round" d="M5.5 18h13m-.822 0V6.522a.538.538 0 0 0-.144-.37.478.478 0 0 0-.348-.152h-5.9a.478.478 0 0 0-.347.153.538.538 0 0 0-.144.369m3.092 2.087h1.966m-.983 4.174h1.966m-3.649 2.608h1.541M9.812 13.43c1.243 0 2.25-1.024 2.25-2.286 0-1.263-1.007-2.286-2.25-2.286-1.242 0-2.25 1.023-2.25 2.286 0 1.262 1.008 2.286 2.25 2.286Zm0 0c1.864 0 3.375 1.535 3.375 3.428V18m-3.375-4.571c-1.864 0-3.375 1.535-3.375 3.428V18" vector-effect="non-scaling-stroke"/>
+</svg>

package/dist/assets/ic-binoculars.c6ad42f4.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+<path d="M9.75 8.24978H14.25M21.5241 14.4673L17.4319 5.15603C17.0099 4.7341 16.4376 4.49707 15.8409 4.49707C15.2442 4.49707 14.672 4.7341 14.25 5.15603V15.7498M14.25 15.7498C14.25 17.8208 15.9289 19.4998 18 19.4998C20.0711 19.4998 21.75 17.8208 21.75 15.7498C21.75 13.6787 20.0711 11.9998 18 11.9998C15.9289 11.9998 14.25 13.6787 14.25 15.7498ZM9.75 15.7498V5.15603C9.32805 4.7341 8.75577 4.49707 8.15906 4.49707C7.56235 4.49707 6.99008 4.7341 6.56812 5.15603L2.47594 14.4673M9.75 15.7498C9.75 17.8208 8.07107 19.4998 6 19.4998C3.92893 19.4998 2.25 17.8208 2.25 15.7498C2.25 13.6787 3.92893 11.9998 6 11.9998C8.07107 11.9998 9.75 13.6787 9.75 15.7498Z" stroke="#3B444C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" vector-effect="non-scaling-stroke"/>
+</svg>

package/dist/assets/ic-enter-fullscreen.ccb625cf.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+  <path stroke="#3B444C" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15 4.5h4.5m0 0V9m0-4.5-5.25 5.25M9 19.5H4.5m0 0V15m0 4.5 5.25-5.25" vector-effect="non-scaling-stroke"/>
+</svg>

package/dist/assets/ic-exit-fullscreen.75ef3789.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+  <path stroke="#3B444C" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M14.25 5.25v4.5m0 0h4.5m-4.5 0L19.5 4.5M5.25 14.25h4.5m0 0v4.5m0-4.5L4.5 19.5" vector-effect="non-scaling-stroke"/>
+</svg>