@devtron-labs/devtron-fe-common-lib 1.20.2-beta-8 → 1.20.2-pre-1

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

@@ -0,0 +1,95 @@
+import { ReactNode } from 'react';
+import { ChartOptions, TooltipOptions } from 'chart.js';
+import { TooltipProps } from '../../../Common/Tooltip';
+import { AppThemeType } from '../../Providers';
+import { Never } from '../../types';
+export type ChartType = 'area' | 'pie' | 'stackedBar' | 'stackedBarHorizontal' | 'line';
+export type ColorTokensType = 'DeepPlum' | 'Magenta' | 'Slate' | 'Lavender' | 'SkyBlue' | 'AquaTeal' | 'LimeGreen' | 'CoralRed' | 'GoldenYellow' | 'CharcoalGray' | 'Gray';
+export type VariantsType = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
+export type ChartColorKey = `${ColorTokensType}${VariantsType}`;
+export type ChartTypeWithoutPie = Exclude<ChartType, 'pie'>;
+interface BaseSimpleDataset {
+    datasetName: string;
+    yAxisValues: number[];
+}
+export interface SimpleDataset extends BaseSimpleDataset {
+    backgroundColor: ChartColorKey;
+}
+export interface SimpleDatasetForPie extends BaseSimpleDataset {
+    backgroundColor: Array<ChartColorKey>;
+}
+export interface SimpleDatasetForLine extends BaseSimpleDataset {
+    borderColor: ChartColorKey;
+}
+type XYAxisMax = {
+    xAxisMax?: number;
+    yAxisMax?: number;
+};
+type TypeAndDatasetsType = ({
+    type: 'pie';
+    /**
+     * Needs to be memoized
+     */
+    datasets: SimpleDatasetForPie;
+    separatorIndex?: never;
+    averageLineValue?: never;
+} & Never<XYAxisMax>) | ({
+    type: 'line';
+    datasets: SimpleDatasetForLine[];
+    separatorIndex?: never;
+    averageLineValue?: number;
+} & XYAxisMax) | ({
+    type: 'area';
+    datasets: SimpleDataset[];
+    separatorIndex?: never;
+    averageLineValue?: number;
+} & XYAxisMax) | ({
+    type: Exclude<ChartType, 'pie' | 'line' | 'area'>;
+    datasets: SimpleDataset[];
+    separatorIndex?: number;
+    averageLineValue?: never;
+} & XYAxisMax);
+export type ChartProps = {
+    id: string;
+    /**
+     * The x-axis labels. Needs to be memoized
+     */
+    xAxisLabels: string[];
+    /**
+     * Hide the x and y axis and grid lines
+     * @default false
+     */
+    hideAxis?: boolean;
+    /**
+     * Callback function for chart click events
+     */
+    onChartClick?: ChartOptions['onClick'];
+    tooltipConfig?: {
+        getTooltipContent?: (args: Parameters<TooltipOptions['external']>[0]) => ReactNode;
+        /**
+         * @default 'top'
+         */
+        placement?: TooltipProps['placement'];
+    };
+} & TypeAndDatasetsType;
+export type TransformDatasetProps = {
+    appTheme: AppThemeType;
+} & ({
+    type: 'pie';
+    dataset: SimpleDatasetForPie;
+} | {
+    type: 'line';
+    dataset: SimpleDatasetForLine;
+} | {
+    type: Exclude<ChartType, 'pie' | 'line'>;
+    dataset: SimpleDataset;
+});
+export type GetBackgroundAndBorderColorProps = TransformDatasetProps;
+export type TransformDataForChartProps = {
+    appTheme: AppThemeType;
+} & TypeAndDatasetsType;
+export interface GetDefaultOptionsParams extends Pick<ChartProps, 'hideAxis' | 'onChartClick' | 'type' | 'xAxisMax' | 'yAxisMax'> {
+    appTheme: AppThemeType;
+    externalTooltipHandler: TooltipOptions['external'];
+}
+export {};

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

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { ChartDataset, ChartOptions, ChartType as ChartJSChartType, TooltipOptions } from 'chart.js';
+import { ChartType, GetDefaultOptionsParams, TransformDataForChartProps } from './types';
+export declare const getChartJSType: (type: ChartType) => ChartJSChartType;
+export declare const getDefaultOptions: ({ type, appTheme, hideAxis, xAxisMax, yAxisMax, onChartClick, externalTooltipHandler, }: GetDefaultOptionsParams) => ChartOptions;
+export declare const transformDataForChart: (props: TransformDataForChartProps) => (ChartDataset<"line"> | {
+    label: string;
+    data: number[];
+    backgroundColor: string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern> | readonly (string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern>)[] | ((ctx: import('chart.js').ScriptableContext<"line">, options: import('chart.js/dist/types/basic').AnyObject) => import('chart.js').Color);
+    borderColor: string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern> | readonly (string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern>)[] | ((ctx: import('chart.js').ScriptableContext<"line">, options: import('chart.js/dist/types/basic').AnyObject) => import('chart.js').Color);
+    pointBackgroundColor: string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern> | readonly (string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern>)[] | ((ctx: import('chart.js').ScriptableContext<"line">, options: import('chart.js/dist/types/basic').AnyObject) => import('chart.js').Color);
+    pointBorderColor: string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern> | readonly (string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern>)[] | ((ctx: import('chart.js').ScriptableContext<"line">, options: import('chart.js/dist/types/basic').AnyObject) => import('chart.js').Color);
+})[];
+export declare function chartColorGenerator(): Generator<"DeepPlum500" | "DeepPlum300" | "DeepPlum100" | "DeepPlum50" | "DeepPlum600" | "DeepPlum400" | "DeepPlum200" | "DeepPlum700" | "DeepPlum800" | "DeepPlum900" | "DeepPlum950" | "Magenta500" | "Magenta300" | "Magenta100" | "Magenta50" | "Magenta600" | "Magenta400" | "Magenta200" | "Magenta700" | "Magenta800" | "Magenta900" | "Magenta950" | "Slate500" | "Slate300" | "Slate100" | "Slate50" | "Slate600" | "Slate400" | "Slate200" | "Slate700" | "Slate800" | "Slate900" | "Slate950" | "Lavender500" | "Lavender300" | "Lavender100" | "Lavender50" | "Lavender600" | "Lavender400" | "Lavender200" | "Lavender700" | "Lavender800" | "Lavender900" | "Lavender950" | "SkyBlue500" | "SkyBlue300" | "SkyBlue100" | "SkyBlue50" | "SkyBlue600" | "SkyBlue400" | "SkyBlue200" | "SkyBlue700" | "SkyBlue800" | "SkyBlue900" | "SkyBlue950" | "AquaTeal500" | "AquaTeal300" | "AquaTeal100" | "AquaTeal50" | "AquaTeal600" | "AquaTeal400" | "AquaTeal200" | "AquaTeal700" | "AquaTeal800" | "AquaTeal900" | "AquaTeal950" | "LimeGreen500" | "LimeGreen300" | "LimeGreen100" | "LimeGreen50" | "LimeGreen600" | "LimeGreen400" | "LimeGreen200" | "LimeGreen700" | "LimeGreen800" | "LimeGreen900" | "LimeGreen950" | "CoralRed500" | "CoralRed300" | "CoralRed100" | "CoralRed50" | "CoralRed600" | "CoralRed400" | "CoralRed200" | "CoralRed700" | "CoralRed800" | "CoralRed900" | "CoralRed950" | "GoldenYellow500" | "GoldenYellow300" | "GoldenYellow100" | "GoldenYellow50" | "GoldenYellow600" | "GoldenYellow400" | "GoldenYellow200" | "GoldenYellow700" | "GoldenYellow800" | "GoldenYellow900" | "GoldenYellow950" | "CharcoalGray500" | "CharcoalGray300" | "CharcoalGray100" | "CharcoalGray50" | "CharcoalGray600" | "CharcoalGray400" | "CharcoalGray200" | "CharcoalGray700" | "CharcoalGray800" | "CharcoalGray900" | "CharcoalGray950" | "Gray500" | "Gray300" | "Gray100" | "Gray50" | "Gray600" | "Gray400" | "Gray200" | "Gray700" | "Gray800" | "Gray900" | "Gray950", void, unknown>;
+export declare const buildChartTooltipFromContext: ({ title, body, labelColors: labelColorsProp, }: Pick<Parameters<TooltipOptions["external"]>[0]["tooltip"], "title" | "body" | "labelColors">) => ReactNode;

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

@@ -4,5 +4,5 @@ export declare const useFocusTrapControl: () => {
     disableFocusTrap: typeof noop;
     resumeFocusTrap: typeof noop;
 };
-declare const DTFocusTrap: ({ onEscape, deactivateFocusOnEscape, children, initialFocus, }: DTFocusTrapType) => JSX.Element;
+declare const DTFocusTrap: ({ onEscape, deactivateFocusOnEscape, children, initialFocus, returnFocusOnDeactivate, }: DTFocusTrapType) => JSX.Element;
 export default DTFocusTrap;

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

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { Props as FocusTrapProps } from 'focus-trap-react';
 type FocusTargetValue = HTMLElement | SVGElement | string;
 type FocusTargetValueOrFalse = FocusTargetValue | false;
 /**
@@ -7,7 +8,7 @@ type FocusTargetValueOrFalse = FocusTargetValue | false;
  * an opt-out, or a function that returns a DOM node or `false`.
  */
 type FocusTargetOrFalse = FocusTargetValueOrFalse | (() => FocusTargetValueOrFalse);
-export interface DTFocusTrapType {
+export interface DTFocusTrapType extends Pick<FocusTrapProps['focusTrapOptions'], 'returnFocusOnDeactivate'> {
     /**
      * Callback function that gets triggered when the Escape key is pressed. \
      * Should be wrapped in useCallback to prevent unnecessary re-renders.

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

@@ -31,7 +31,7 @@ type FeatureDescriptionModalWithTabsConfig = {
     imageStyles?: never;
 };
 export type FeatureDescriptionModalProps = {
-    title: string;
+    title: React.ReactNode;
     closeModalText?: string;
     closeModal?: () => void;
 } & ((BaseFeatureDescriptionModalProps & {

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

@@ -1,2 +1,2 @@
-import { animate, AnimatePresence, motion, useAnimationControls, useMotionTemplate, useMotionValue } from 'framer-motion';
-export { animate, AnimatePresence, motion, useAnimationControls, useMotionTemplate, useMotionValue };
+import { animate, AnimatePresence, motion, useAnimation, useAnimationControls, useMotionTemplate, useMotionValue } from 'framer-motion';
+export { animate, AnimatePresence, motion, useAnimation, useAnimationControls, useMotionTemplate, useMotionValue };

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

@@ -1,3 +1,4 @@
+import { ButtonComponentType } from '../Button';
 import { GenericSectionErrorStateProps } from './types';
-declare const GenericSectionErrorState: ({ reload, withBorder, title, subTitle, description, buttonText, rootClassName, useInfoIcon, progressingProps, }: GenericSectionErrorStateProps) => JSX.Element;
+declare const GenericSectionErrorState: <T extends ButtonComponentType = ButtonComponentType.button>({ reload, buttonProps, customIcon, withBorder, title, subTitle, description, buttonText, rootClassName, useInfoIcon, progressingProps, }: GenericSectionErrorStateProps<T>) => JSX.Element;
 export default GenericSectionErrorState;

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

@@ -1,10 +1,7 @@
 import { ReactNode } from 'react';
+import { ButtonComponentType, ButtonProps } from '../Button';
 import { IconsProps } from '../Icon';
-export type GenericSectionErrorStateProps = {
-    /**
-     * Handler for reloading the section
-     */
-    reload?: () => void;
+export type GenericSectionErrorStateProps<ButtonType extends ButtonComponentType = ButtonComponentType.button> = {
     /**
      * If true, border is added to the section
      *
@@ -37,6 +34,7 @@ export type GenericSectionErrorStateProps = {
      */
     progressingProps: Omit<IconsProps, 'name'>;
     useInfoIcon?: false;
+    customIcon?: never;
 } | {
     progressingProps?: never;
     /**
@@ -45,7 +43,25 @@ export type GenericSectionErrorStateProps = {
      * @default false
      */
     useInfoIcon: true;
+    customIcon?: never;
+} | {
+    progressingProps?: never;
+    useInfoIcon?: never;
+    customIcon?: never;
 } | {
+    customIcon: JSX.Element;
     progressingProps?: never;
     useInfoIcon?: never;
+}) & ({
+    /**
+     * Handler for reloading the section
+     */
+    reload: () => void;
+    buttonProps?: never;
+} | {
+    reload?: never;
+    buttonProps: ButtonProps<ButtonType>;
+} | {
+    reload?: never;
+    buttonProps?: never;
 });

package/dist/Shared/Components/Header/HeaderWithCreateButton/HeaderWithCreateButon.d.ts

@@ -1,3 +1,3 @@
 import { HeaderWithCreateButtonProps } from './types';
-export declare const HeaderWithCreateButton: ({ headerName, additionalHeaderInfo }: HeaderWithCreateButtonProps) => JSX.Element;
+export declare const HeaderWithCreateButton: ({ isJobView }: HeaderWithCreateButtonProps) => JSX.Element;
 export default HeaderWithCreateButton;

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

@@ -1,8 +1,6 @@
 import { ActionMenuProps } from '../../ActionMenu';
-import { PageHeaderType } from '../types';
 export interface HeaderWithCreateButtonProps {
-    headerName: string;
-    additionalHeaderInfo: PageHeaderType['additionalHeaderInfo'];
+    isJobView?: boolean;
 }
 export declare enum CreateActionMenuItems {
     CUSTOM_APP = "create-custom-app",

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

@@ -1,3 +1,3 @@
 import { PageHeaderType } from './types';
-declare const PageHeader: ({ headerName, headerImage, additionalHeaderInfo, showTabs, renderHeaderTabs, isBreadcrumbs, breadCrumbs, renderActionButtons, onClose, tippyProps, }: PageHeaderType) => JSX.Element;
+declare const PageHeader: ({ headerName, headerImage, additionalHeaderInfo, showTabs, renderHeaderTabs, isBreadcrumbs, breadCrumbs, renderActionButtons, onClose, tippyProps, closeIcon, }: PageHeaderType) => JSX.Element;
 export default PageHeader;

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

@@ -17,8 +17,10 @@ export interface PageHeaderType {
         TippyIcon?: React.FunctionComponent<any>;
         tippyMessage?: string;
         onClickTippyButton?: () => void;
+        tippyHeader?: string;
     };
     onClose?: () => void;
+    closeIcon?: JSX.Element;
 }
 export interface ServerInfo {
     currentVersion: string;

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

@@ -4,9 +4,11 @@ export declare const iconMap: {
     'ic-aborted': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-activity': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-add': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-alibaba': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-amazon-eks': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-app-group': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-app-template': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-argocd-app': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrow-clockwise': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrow-right': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrow-square-out': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -15,17 +17,25 @@ export declare const iconMap: {
     'ic-asterisk': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ather': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-aws-codecommit': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-aws': 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-build': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bg-cluster': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-bg-deploy': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bg-environment': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-bg-production-pipelines': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-bg-project': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-bg-scan': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bharatpe': 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-bot': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-brain': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-browser': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bug': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-build-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-building': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-calendar': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cancelled': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-card-stack': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -42,13 +52,17 @@ export declare const iconMap: {
     'ic-ci-linked': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-circle-loader': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-clean-brush': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-clipboard': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-clock-counterclockwise': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-clock': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-close-large': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-close-small': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cloud-vms': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-cloud': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cluster-isolated': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cluster': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-code': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-coins': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-container-registry': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-container': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cookr': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -56,6 +70,7 @@ export declare const iconMap: {
     'ic-cpu': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-crown': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cube': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-database-backup': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-delete-dots': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-delete-lightning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-delete': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -66,6 +81,7 @@ export declare const iconMap: {
     'ic-devtron-app': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-devtron-header-logo': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-devtron-job': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-devtron-text': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-devtron': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-diff-added': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-diff-deleted': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -91,10 +107,13 @@ export declare const iconMap: {
     'ic-file-edit': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-file-key': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-file': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-files-changed': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-files': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-filter-applied': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-filter': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-flask': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-floppy-disk': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-fluxcd-app': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-folder-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-folder-user': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-folder': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -108,9 +127,11 @@ export declare const iconMap: {
     'ic-github': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gitlab': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-google-artifact-registry': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-google-cloud': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-google-container-registry': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-google-gke': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-google': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-graph-negative': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-grid-view': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-group-filter-applied': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-group-filter': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -136,6 +157,7 @@ export declare const iconMap: {
     'ic-key-enter': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-key': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-kind': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-kubernetes': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-laptop': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ldap': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-lego': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -148,6 +170,7 @@ export declare const iconMap: {
     'ic-locked': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-logout': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-logs': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-magic-wand': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-magnifying-glass': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-medium-delete': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-medium-paintbucket': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -169,6 +192,8 @@ export declare const iconMap: {
     'ic-open-in-new': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-openai': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-openshift': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-oracle-cloud': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-otc-cloud': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-out-of-sync': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-paper-plane-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-paper-plane': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -180,6 +205,7 @@ export declare const iconMap: {
     'ic-quote': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ratings': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-resize-handle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-right-panel-collapse': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-rocket-gear': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-rocket-launch': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-selected': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -210,6 +236,7 @@ export declare const iconMap: {
     'ic-success': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sun': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-suspended': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-symbol-greater-than': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-tag': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-tata1mg': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-terminal-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -221,6 +248,7 @@ export declare const iconMap: {
     'ic-timer': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-traffic-signal': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-travclan': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-trend-up': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-two-cubes': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ubuntu': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-unknown': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;

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

@@ -1,2 +1,2 @@
 import { IconBaseProps } from './types';
-export declare const IconBase: ({ name, iconMap, size, tooltipProps, color, dataTestId, rotateBy, fillSpace, }: IconBaseProps) => JSX.Element;
+export declare const IconBase: ({ name, iconMap, size, tooltipProps, color, dataTestId, rotateBy, fillSpace, flip, }: IconBaseProps) => JSX.Element;

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

@@ -38,6 +38,12 @@ export interface IconBaseProps {
      * @example 90, 180, 270
      */
     rotateBy?: number;
+    /**
+     * Flips the icon in the specified direction
+     *
+     * @default undefined
+     */
+    flip?: 'horizontal' | 'vertical';
     /**
      * If true, the icon will expand to fill the available space of its container.
      */

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

@@ -2,11 +2,10 @@ import { IllustrationBaseProps } from './types';
 export declare const illustrationMap: {
     'img-mechanical-operation': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'img-code': string;
-    'img-devtron-freemium-289x40': string;
-    'img-devtron-freemium-578x80': string;
     'img-devtron-freemium': string;
     'img-man-on-rocket': string;
     'img-no-result': string;
+    'no-cluster-cost-enabled': string;
 };
 export type IllustrationName = keyof typeof illustrationMap;
 export interface IllustrationProps extends Omit<IllustrationBaseProps, 'name' | 'illustrationMap'> {

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

@@ -0,0 +1,3 @@
+import { KeyboardShortcutProps } from './types';
+declare const KeyboardShortcut: ({ keyboardKey }: KeyboardShortcutProps) => JSX.Element;
+export default KeyboardShortcut;

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

@@ -0,0 +1,3 @@
+import { SupportedKeyboardKeysType } from '../../../Common/Hooks';
+import { IconsProps } from '../Icon';
+export declare const KEY_TO_UI_MAP: Record<SupportedKeyboardKeysType, string | Pick<IconsProps, 'name' | 'rotateBy'>>;

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

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

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

@@ -0,0 +1,4 @@
+import { SupportedKeyboardKeysType } from '../../../Common/Hooks/UseRegisterShortcut/types';
+export interface KeyboardShortcutProps {
+    keyboardKey: SupportedKeyboardKeysType;
+}

package/dist/Shared/Components/PrometheusConfigurations/PrometheusConfigCard.d.ts

@@ -0,0 +1,3 @@
+import { PromoetheusConfigProps } from './types';
+declare const PromoetheusConfigCard: ({ prometheusConfig, isCostPrometheus, handleOnChange, onPrometheusAuthTypeChange, }: PromoetheusConfigProps) => JSX.Element;
+export default PromoetheusConfigCard;

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

@@ -0,0 +1,2 @@
+export { default as PromoetheusConfigCard } from './PrometheusConfigCard';
+export { type PromoetheusConfig } from './types';

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

@@ -0,0 +1,21 @@
+import { SyntheticEvent } from 'react';
+import { AuthenticationType } from '../../types';
+interface ValueErrorType<T = string> {
+    value: T;
+    error: string;
+}
+export interface PromoetheusConfig {
+    endpoint: ValueErrorType;
+    authType: ValueErrorType<AuthenticationType>;
+    userName: ValueErrorType;
+    password: ValueErrorType;
+    prometheusTlsClientKey: ValueErrorType;
+    prometheusTlsClientCert: ValueErrorType;
+}
+export interface PromoetheusConfigProps {
+    prometheusConfig: PromoetheusConfig;
+    handleOnChange: (event: SyntheticEvent) => void;
+    onPrometheusAuthTypeChange: (event: SyntheticEvent) => void;
+    isCostPrometheus?: boolean;
+}
+export {};

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

@@ -0,0 +1,2 @@
+import { SideNavigationProps } from './types';
+export declare const SideNavigation: ({ list }: SideNavigationProps) => JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from './SideNavigation';
+export type { SideNavigationProps } from './types';

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

@@ -0,0 +1,19 @@
+import { TooltipProps } from '../../../Common/Tooltip';
+export type SideNavigationItemBase = {
+    id: string;
+    title: string;
+    dataTestId: string;
+};
+export type SideNavigationItemLink = SideNavigationItemBase & {
+    href: string;
+    items?: never;
+    tooltipProps?: TooltipProps;
+};
+export type SideNavigationItemGroup = SideNavigationItemBase & {
+    items: Omit<SideNavigationItemLink, 'items'>[];
+    href?: never;
+    tooltipProps?: never;
+};
+export interface SideNavigationProps {
+    list: (SideNavigationItemLink | SideNavigationItemGroup)[];
+}

package/dist/Shared/Components/Table/InternalTable.d.ts

@@ -1,3 +1,3 @@
 import { FiltersTypeEnum, InternalTableProps } from './types';
-declare const InternalTable: <RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>>({ filtersVariant, filterData, rows, getRows, columns, ViewWrapper, resizableConfig, emptyStateConfig, additionalProps, areColumnsConfigurable, filter, setVisibleColumns, visibleColumns, stylesConfig, loading, bulkSelectionConfig, bulkSelectionReturnValue, handleClearBulkSelection, handleToggleBulkSelectionOnRow, paginationVariant, RowActionsOnHoverComponent, pageSizeOptions, clearFilters: userGivenUrlClearFilters, }: InternalTableProps<RowData, FilterVariant, AdditionalProps>) => JSX.Element;
+declare const InternalTable: <RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>>({ filtersVariant, filterData, rows, getRows, columns, ViewWrapper, resizableConfig, emptyStateConfig, additionalProps, areColumnsConfigurable, filter, setVisibleColumns, visibleColumns, stylesConfig, loading, bulkSelectionConfig, bulkSelectionReturnValue, id, handleClearBulkSelection, handleToggleBulkSelectionOnRow, paginationVariant, RowActionsOnHoverComponent, pageSizeOptions, clearFilters: userGivenUrlClearFilters, }: InternalTableProps<RowData, FilterVariant, AdditionalProps>) => JSX.Element;
 export default InternalTable;

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

@@ -1,5 +1,6 @@
 import { ReactElement } from 'react';
 import { OmitNever } from '../../types';
+import { ActionMenuProps } from '../ActionMenu';
 import { ButtonProps } from '../Button';
 import { IconsProps } from '../Icon';
 import { NumbersCountProps } from '../NumbersCount';
@@ -30,6 +31,9 @@ export type TrailingItemType = {
     config: OmitNever<Omit<Extract<ButtonProps, {
         icon: ReactElement;
     }>, 'size' | 'variant'>>;
+} | {
+    type: 'action-menu';
+    config: ActionMenuProps;
 };
 export type TrailingItemProps = TrailingItemType & {
     /**

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

@@ -1,3 +1,3 @@
 import { TreeViewProps } from './types';
-declare const TreeView: <DataAttributeType = null>({ nodes, isControlled, expandedMap: expandedMapProp, selectedId, onToggle: onToggleProp, onSelect, depth, mode, flatNodeList: flatNodeListProp, getUpdateItemsRefMap: getUpdateItemsRefMapProp, variant, defaultExpandedMap, }: TreeViewProps<DataAttributeType>) => JSX.Element;
+declare const TreeView: <DataAttributeType = null>({ nodes, isControlled, expandedMap: expandedMapProp, selectedId, onToggle: onToggleProp, onSelect, depth, mode, flatNodeList: flatNodeListProp, getUpdateItemsRefMap: getUpdateItemsRefMapProp, variant, defaultExpandedMap, highlightSelectedHeadingOnlyWhenCollapsed, useOverflowAuto, }: TreeViewProps<DataAttributeType>) => JSX.Element;
 export default TreeView;

package/dist/Shared/Components/TreeView/TreeViewNodeContent.d.ts

@@ -1,3 +1,3 @@
 import { TreeViewNodeContentProps } from './types';
-declare const TreeViewNodeContent: ({ startIconConfig, title, subtitle, type, customTooltipConfig, strikeThrough, isSelected, }: TreeViewNodeContentProps) => JSX.Element;
+declare const TreeViewNodeContent: ({ startIconConfig, title, subtitle, type, customTooltipConfig, strikeThrough, isSelected, variant, }: TreeViewNodeContentProps) => JSX.Element;
 export default TreeViewNodeContent;

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

@@ -2,3 +2,6 @@ import { TreeViewProps } from './types';
 export declare const DEFAULT_NO_ITEMS_TEXT = "No items found";
 export declare const VARIANT_TO_BG_CLASS_MAP: Record<TreeViewProps['variant'], string>;
 export declare const VARIANT_TO_HOVER_CLASS_MAP: Record<TreeViewProps['variant'], string>;
+export declare const VARIANT_TO_SELECTED_CLASS_MAP: Record<TreeViewProps['variant'], string>;
+export declare const VARIANT_TO_TEXT_CLASS_MAP: Record<TreeViewProps['variant'], string>;
+export declare const VARIANT_TO_TREE_ITEM_ACTIVE_BG_CLASS_MAP: Record<TreeViewProps['variant'], string>;

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

@@ -96,9 +96,11 @@ export type TreeItem<DataAttributeType = null> = BaseNode<DataAttributeType> & {
     onClick?: (e: SyntheticEvent) => void;
     href?: never;
     clearQueryParamsOnNavigation?: never;
+    activeClassName?: never;
 } | {
     as: 'link';
     href: string;
+    activeClassName?: string;
     /**
      * The callback function to handle click events on the nav link.
      */
@@ -113,6 +115,7 @@ export type TreeItem<DataAttributeType = null> = BaseNode<DataAttributeType> & {
     href?: never;
     onClick?: never;
     clearQueryParamsOnNavigation?: never;
+    activeClassName?: never;
 });
 /**
  * Props for the TreeView component.
@@ -151,14 +154,25 @@ export type TreeViewProps<DataAttributeType = null> = {
      */
     mode?: 'navigation' | 'form';
     /**
-     * If primary the background color will be bg__primary and bg__hover--opaque, if secondary the background color will be bg__secondary bg__hover-secondary--opaque.
+     * If primary the background color will be bg__primary and bg__hover--opaque \
+     * if secondary the background color will be bg__secondary bg__hover-secondary--opaque,
+     * if sidenav the background color will be bg__transparent bg__hover-sidebar-item.
      * @default 'primary'
      */
-    variant?: 'primary' | 'secondary';
+    variant?: 'primary' | 'secondary' | 'sidenav';
     /**
      * @default {}
      */
     defaultExpandedMap?: Record<string, boolean>;
+    /**
+     * When true, the selected heading (`selectedId`) will be highlighted only when it is collapsed.
+     * @default false
+     */
+    highlightSelectedHeadingOnlyWhenCollapsed?: boolean;
+    /**
+     * @default true
+     */
+    useOverflowAuto?: boolean;
 } /**
  * WARNING: For internal use only.
  */ & ({
@@ -188,7 +202,7 @@ export type TreeViewProps<DataAttributeType = null> = {
     expandedMap?: never;
     isControlled?: false;
 });
-export interface TreeViewNodeContentProps extends Pick<BaseNode, 'startIconConfig' | 'title' | 'subtitle' | 'customTooltipConfig' | 'strikeThrough'> {
+export interface TreeViewNodeContentProps extends Pick<BaseNode, 'startIconConfig' | 'title' | 'subtitle' | 'customTooltipConfig' | 'strikeThrough'>, Required<Pick<TreeViewProps, 'variant'>> {
     type: 'heading' | 'item';
     isSelected: boolean;
 }