@devtron-labs/devtron-fe-common-lib 1.20.5-pre-6 → 1.20.5-pre-8

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "1.20.5-pre-6",
+    "version": "1.20.5-pre-8",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",
@@ -49,7 +49,6 @@
         "@types/dompurify": "^3.0.5",
         "@types/json-schema": "^7.0.15",
         "@types/react": "17.0.39",
-        "@types/react-csv": "^1.1.10",
         "@types/react-dates": "^21.8.6",
         "@types/react-dom": "17.0.13",
         "@types/react-router-dom": "^5.3.3",
@@ -117,7 +116,6 @@
         "@uiw/react-codemirror": "4.23.7",
         "@xyflow/react": "12.4.2",
         "ansi_up": "^5.2.1",
-        "chart.js": "^4.5.0",
         "codemirror-json-schema": "0.8.0",
         "dayjs": "^1.11.13",
         "fast-json-patch": "^3.1.1",
@@ -128,7 +126,6 @@
         "nanoid": "^3.3.8",
         "qrcode.react": "^4.2.0",
         "react-canvas-confetti": "^2.0.7",
-        "react-csv": "^2.2.2",
         "react-dates": "^21.8.0",
         "react-draggable": "^4.4.5",
         "react-international-phone": "^4.5.0",

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

@@ -1,2 +0,0 @@
-import { NestedBreadCrumbProps } from './Types';
-export declare const NestedBreadCrumb: ({ redirectUrl, linkText, profileName }: NestedBreadCrumbProps) => JSX.Element;

package/dist/Common/SegmentedBarChart/utils.d.ts

@@ -1,2 +0,0 @@
-import { ComponentSizeType } from '../../Shared/constants';
-export declare const getBarHeightForSize: (size: ComponentSizeType) => "h-20" | "h-6" | "h-8";

package/dist/Pages/GlobalConfigurations/ClustersAndEnvironments/VirtualClusterSidebar.d.ts

@@ -1,2 +0,0 @@
-declare const VirtualClusterSidebar: () => JSX.Element;
-export default VirtualClusterSidebar;

package/dist/Pages-Devtron-2.0/ApplicationManagement/Shared/ApplicationManagementIcon/ApplicationManagementIcon.d.ts

@@ -1 +0,0 @@
-export declare const ApplicationManagementIcon: () => JSX.Element;

package/dist/Pages-Devtron-2.0/ApplicationManagement/Shared/ApplicationManagementIcon/index.d.ts

@@ -1,2 +0,0 @@
-export * from './ApplicationManagementIcon';
-export { getApplicationManagementBreadcrumb } from './utils';

package/dist/Pages-Devtron-2.0/ApplicationManagement/Shared/ApplicationManagementIcon/utils.d.ts

@@ -1,11 +0,0 @@
-export declare const getApplicationManagementBreadcrumb: () => {
-    'application-management': {
-        component: JSX.Element;
-        linked: boolean;
-    };
-    list: {
-        component: JSX.Element;
-    };
-    d: any;
-    app: any;
-};

package/dist/Pages-Devtron-2.0/ApplicationManagement/Shared/index.d.ts

@@ -1 +0,0 @@
-export * from './ApplicationManagementIcon';

package/dist/Pages-Devtron-2.0/ApplicationManagement/index.d.ts

@@ -1 +0,0 @@
-export * from './Shared';

package/dist/Pages-Devtron-2.0/Automation&Enablement/Overview/Overview.d.ts

@@ -1 +0,0 @@
-export declare const Overview: () => JSX.Element;

package/dist/Pages-Devtron-2.0/Automation&Enablement/Overview/index.d.ts

@@ -1 +0,0 @@
-export * from './Overview';

package/dist/Pages-Devtron-2.0/Automation&Enablement/index.d.ts

@@ -1 +0,0 @@
-export * from './Overview';

package/dist/Pages-Devtron-2.0/CostVisibility/Overview/Overview.d.ts

@@ -1 +0,0 @@
-export declare const Overview: () => JSX.Element;

package/dist/Pages-Devtron-2.0/CostVisibility/Overview/index.d.ts

@@ -1 +0,0 @@
-export * from './Overview';

package/dist/Pages-Devtron-2.0/CostVisibility/Shared/constants.d.ts

@@ -1,4 +0,0 @@
-import { IconName } from '../../../Shared/Components';
-import { ClusterProviderType } from './types';
-export declare const CLUSTER_PROVIDER_TO_ICON_NAME: Record<ClusterProviderType, IconName | null>;
-export declare const CLUSTER_PROVIDER_TO_LABEL: Record<ClusterProviderType, string>;

package/dist/Pages-Devtron-2.0/CostVisibility/Shared/index.d.ts

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

package/dist/Pages-Devtron-2.0/CostVisibility/Shared/types.d.ts

@@ -1,31 +0,0 @@
-import { ReactNode } from 'react';
-import { RJSFFormSchema } from '../../../Common/RJSF';
-import { ClusterDetailListType } from '../../../Common/Types';
-export declare enum CostBreakdownViewType {
-    CLUSTERS = "clusters",
-    ENVIRONMENTS = "environments",
-    PROJECTS = "projects",
-    APPLICATIONS = "applications"
-}
-export declare enum CostBreakdownItemViewParamsType {
-    ITEM_NAME = "itemName",
-    VIEW = "view",
-    DETAIL = "detail"
-}
-type RenderClusterFormParamsType = {
-    clusterDetails: ClusterDetailListType;
-    handleClose: () => void;
-    handleSuccess: () => void;
-};
-export interface CostVisibilityRenderContextType {
-    renderClusterForm: (params: RenderClusterFormParamsType) => JSX.Element;
-}
-export interface CostVisibilityRenderProviderProps extends CostVisibilityRenderContextType {
-    children: ReactNode;
-}
-export type ClusterProviderType = 'AWS' | 'GCP' | 'Azure' | 'Alibaba' | 'Scaleway' | 'Oracle' | 'OTC' | 'DigitalOcean' | 'Unknown';
-export interface ClusterProviderDetailsType {
-    clusterProvider: ClusterProviderType;
-    costModuleSchema: RJSFFormSchema;
-}
-export {};

package/dist/Pages-Devtron-2.0/CostVisibility/index.d.ts

@@ -1 +0,0 @@
-export * from './Shared';

package/dist/Pages-Devtron-2.0/GlobalConfiguration/Overview/Overview.d.ts

@@ -1 +0,0 @@
-export declare const Overview: () => JSX.Element;

package/dist/Pages-Devtron-2.0/GlobalConfiguration/Overview/index.d.ts

@@ -1 +0,0 @@
-export * from './Overview';

package/dist/Pages-Devtron-2.0/GlobalConfiguration/index.d.ts

@@ -1 +0,0 @@
-export * from './Overview';

package/dist/Pages-Devtron-2.0/GlobalOverview/GlobalOverview.d.ts

@@ -1 +0,0 @@
-export declare const GlobalOverview: () => JSX.Element;

package/dist/Pages-Devtron-2.0/GlobalOverview/index.d.ts

@@ -1 +0,0 @@
-export * from './GlobalOverview';

package/dist/Pages-Devtron-2.0/InfrastructureManagement/Overview/Overview.d.ts

@@ -1 +0,0 @@
-export declare const Overview: () => JSX.Element;

package/dist/Pages-Devtron-2.0/InfrastructureManagement/Overview/index.d.ts

@@ -1 +0,0 @@
-export * from './Overview';

package/dist/Pages-Devtron-2.0/InfrastructureManagement/Shared/InfrastructureManagementIcon/InfrastructureManagementIcon.d.ts

@@ -1 +0,0 @@
-export declare const InfrastructureManagementIcon: () => JSX.Element;

package/dist/Pages-Devtron-2.0/InfrastructureManagement/Shared/InfrastructureManagementIcon/index.d.ts

@@ -1,2 +0,0 @@
-export * from './InfrastructureManagementIcon';
-export { getInfrastructureManagementBreadcrumb } from './utils';

package/dist/Pages-Devtron-2.0/InfrastructureManagement/Shared/InfrastructureManagementIcon/utils.d.ts

@@ -1,6 +0,0 @@
-export declare const getInfrastructureManagementBreadcrumb: () => {
-    'infrastructure-management': {
-        component: JSX.Element;
-        linked: boolean;
-    };
-};

package/dist/Pages-Devtron-2.0/InfrastructureManagement/Shared/index.d.ts

@@ -1 +0,0 @@
-export * from './InfrastructureManagementIcon';

package/dist/Pages-Devtron-2.0/InfrastructureManagement/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Overview';
-export * from './Shared';

package/dist/Pages-Devtron-2.0/InfrastructureManagement/utils.d.ts

@@ -1,11 +0,0 @@
-export declare const getAutomationEnablementBreadcrumbConfig: () => {
-    'automation-and-enablement': {
-        component: JSX.Element;
-        linked: boolean;
-    };
-    job: any;
-    list: {
-        component: JSX.Element;
-    };
-    'jobId(\\d+)': any;
-};

package/dist/Pages-Devtron-2.0/SecurityCenter/Overview/Overview.d.ts

@@ -1 +0,0 @@
-export declare const Overview: () => JSX.Element;

package/dist/Pages-Devtron-2.0/SecurityCenter/Overview/index.d.ts

@@ -1 +0,0 @@
-export * from './Overview';

package/dist/Pages-Devtron-2.0/SecurityCenter/index.d.ts

@@ -1 +0,0 @@
-export * from './Overview';

package/dist/Pages-Devtron-2.0/SoftwareReleaseManagement/Overview/Overview.d.ts

@@ -1 +0,0 @@
-export declare const Overview: () => JSX.Element;

package/dist/Pages-Devtron-2.0/SoftwareReleaseManagement/Overview/index.d.ts

@@ -1 +0,0 @@
-export * from './Overview';

package/dist/Pages-Devtron-2.0/SoftwareReleaseManagement/index.d.ts

@@ -1 +0,0 @@
-export * from './Overview';

package/dist/Pages-Devtron-2.0/index.d.ts

@@ -1,3 +0,0 @@
-export * from './ApplicationManagement';
-export * from './CostVisibility';
-export * from './InfrastructureManagement';

package/dist/Shared/Components/Charts/Chart.component.d.ts

@@ -1,102 +0,0 @@
-import { ChartProps } from './types';
-/**
- * A versatile Chart component that renders different types of charts using Chart.js.
- * Supports area charts, pie charts, stacked bar charts (vertical/horizontal), and line charts.
- *
- * The component automatically adapts to theme changes and provides consistent styling
- * across all chart types. Colors are provided by the user through the CHART_COLORS constant
- * or custom color tokens.
- *
- * @example
- * ```tsx
- * [Area Chart Example]
- * <Chart
- *   id="quarterly-growth"
- *   type="area"
- *   xAxisLabels={['Q1 2023', 'Q2 2023', 'Q3 2023', 'Q4 2023']}
- *   datasets={[{
- *     datasetName: 'Revenue Growth (%)',
- *     yAxisValues: [15.2, 18.7, 22.3, 19.8],
- *     backgroundColor: 'LavenderPurple300'
- *   }]}
- * />
- *
- * [Pie Chart Example]
- * <Chart
- *   id="technology-adoption"
- *   type="pie"
- *   xAxisLabels={['React', 'Vue.js', 'Angular']}
- *   datasets={{
- *     datasetName: 'Adoption Rate (%)',
- *     yAxisValues: [45.2, 28.7, 35.4],
- *     backgroundColor: ['SkyBlue300', 'AquaTeal400', 'LavenderPurple300']
- *   }}
- * />
- *
- * [Line Chart Example (non-stacked, non-filled)]
- * <Chart
- *   id="traffic-trends"
- *   type="line"
- *   xAxisLabels={['Jan', 'Feb', 'Mar', 'Apr']}
- *   datasets={[{
- *     datasetName: 'Website Traffic',
- *     yAxisValues: [120, 190, 300, 500],
- *     borderColor: 'SkyBlue500'
- *   }]}
- * />
- *
- * [Stacked Bar Chart Example]
- * <Chart
- *   id="team-allocation"
- *   type="stackedBar"
- *   xAxisLabels={['Q1', 'Q2', 'Q3', 'Q4']}
- *   datasets={[
- *     {
- *       datasetName: 'Frontend',
- *       yAxisValues: [120, 150, 180, 200],
- *       backgroundColor: 'SkyBlue600'
- *     },
- *     {
- *       datasetName: 'Backend',
- *       yAxisValues: [80, 100, 120, 140],
- *       backgroundColor: 'AquaTeal600'
- *     }
- *   ]}
- * />
- * ```
- *
- * @param id - Unique identifier for the chart canvas element
- * @param type - Chart type: 'area', 'pie', 'stackedBar', 'stackedBarHorizontal', or 'line'
- * @param xAxisLabels - Array of labels for the x-axis (or categories for pie charts)
- * @param datasets - Chart data: array of datasets for most charts, single dataset object for pie charts
- *
- * @performance
- * **Memoization Recommendations:**
- * - `xAxisLabels`: Should be memoized with useMemo() if derived from complex calculations
- * - `datasets`: Should be memoized with useMemo() as it contains arrays and objects that cause re-renders
- * - Avoid passing inline objects or arrays directly to these props
- *
- * @example
- * ```tsx
- * [Good: Memoized props prevent unnecessary re-renders]
- * const labels = useMemo(() => quarters.map(q => `Q${q}`), [quarters])
- * const chartDatasets = useMemo(() => [
- *   {
- *     datasetName: 'Revenue',
- *     yAxisValues: revenueData,
- *     backgroundColor: 'LavenderPurple300'
- *   }
- * ], [revenueData])
- *
- * return <Chart id="revenue-chart" type="area" xAxisLabels={labels} datasets={chartDatasets} />
- * ```
- *
- * @notes
- * - Chart automatically re-renders when theme changes (light/dark mode)
- * - Line charts are rendered as non-stacked and non-filled by default
- * - Pie charts expect a single dataset object instead of an array
- * - Colors should reference CHART_COLORS tokens for consistency
- * - Component destroys and recreates Chart.js instance on prop changes for optimal performance
- */
-declare const Chart: (props: ChartProps) => JSX.Element;
-export default Chart;

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

@@ -1,8 +0,0 @@
-import { AppThemeType } from '../../Providers';
-import { ChartColorKey } from './types';
-export declare const CHART_COLORS: Record<AppThemeType, Record<ChartColorKey, string>>;
-export declare const CHART_GRID_LINES_COLORS: Record<AppThemeType, string>;
-export declare const CHART_AXIS_COLORS: Record<AppThemeType, string>;
-export declare const CHART_AXIS_LABELS_COLOR: Record<AppThemeType, string>;
-export declare const CHART_CANVAS_BACKGROUND_COLORS: Record<AppThemeType, string>;
-export declare const LINE_DASH: number[];

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

@@ -1,4 +0,0 @@
-export { default as Chart } from './Chart.component';
-export { CHART_COLORS } from './constants';
-export type { ChartColorKey, ChartProps, ChartType, ReferenceLineConfigType, SimpleDataset, SimpleDatasetForPie, } from './types';
-export { chartColorGenerator } from './utils';

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

@@ -1,4 +0,0 @@
-import { Plugin } from 'chart.js';
-import { AppThemeType } from '../../Providers';
-import { ReferenceLineConfigType } from './types';
-export declare const drawReferenceLine: (config: ReferenceLineConfigType, id: string, appTheme: AppThemeType) => Plugin;

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

@@ -1,110 +0,0 @@
-import { ReactNode } from 'react';
-import { TooltipOptions, TooltipPositionerFunction } 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 {
-    color: ChartColorKey;
-    isClickable?: boolean;
-}
-export interface SimpleDatasetForLineAndArea extends Omit<SimpleDataset, 'isClickable'> {
-    isDashed?: boolean;
-}
-export interface SimpleDatasetForPie extends BaseSimpleDataset {
-    colors: Array<ChartColorKey>;
-    isClickable?: boolean[];
-}
-export interface ReferenceLineConfigType {
-    strokeWidth?: number;
-    color?: ChartColorKey;
-    value: number;
-}
-type XYAxisMax = {
-    xAxisMax?: number;
-    yAxisMax?: number;
-    /**
-     * Optional reference lines to draw across the chart
-     */
-    referenceLines?: ReferenceLineConfigType[];
-};
-type OnChartClickHandler = (datasetName: string, value: number) => void;
-export type TypeAndDatasetsType = ({
-    type: 'pie';
-    /**
-     * Needs to be memoized
-     */
-    datasets: SimpleDatasetForPie;
-    onChartClick?: OnChartClickHandler;
-} & Never<XYAxisMax>) | ({
-    type: 'line';
-    datasets: SimpleDatasetForLineAndArea[];
-    onChartClick?: never;
-} & XYAxisMax) | ({
-    type: 'area';
-    datasets: SimpleDatasetForLineAndArea;
-    onChartClick?: never;
-} & XYAxisMax) | ({
-    type: Exclude<ChartType, 'pie' | 'line' | 'area'>;
-    datasets: SimpleDataset[];
-    onChartClick?: OnChartClickHandler;
-} & 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;
-    hideXAxisLabels?: boolean;
-    tooltipConfig?: {
-        getTooltipContent?: (args: Parameters<TooltipOptions['external']>[0]) => ReactNode;
-        /**
-         * @default 'top'
-         */
-        placement?: TooltipProps['placement'];
-    };
-    /** A title for x axis */
-    xScaleTitle?: string;
-    /** A title for y axis */
-    yScaleTitle?: string;
-} & TypeAndDatasetsType;
-export type TransformDatasetProps = {
-    appTheme: AppThemeType;
-} & ({
-    type: 'pie';
-    dataset: SimpleDatasetForPie;
-} | {
-    type: 'line' | 'area';
-    dataset: SimpleDatasetForLineAndArea;
-} | {
-    type: Exclude<ChartType, 'pie' | 'line' | 'area'>;
-    dataset: SimpleDataset;
-});
-export type GetBackgroundAndBorderColorProps = TransformDatasetProps;
-export type TransformDataForChartProps = {
-    appTheme: AppThemeType;
-} & TypeAndDatasetsType;
-export interface GetDefaultOptionsParams {
-    chartProps: ChartProps;
-    appTheme: AppThemeType;
-    externalTooltipHandler: TooltipOptions['external'];
-}
-declare module 'chart.js' {
-    interface TooltipPositionerMap {
-        barElementCenterPositioner: TooltipPositionerFunction<'bar'>;
-    }
-}
-export {};

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

@@ -1,70 +0,0 @@
-import { ReactNode } from 'react';
-import { Chart, ChartDataset, ChartOptions, ChartType as ChartJSChartType, Point, TooltipOptions } from 'chart.js';
-import { AppThemeType } from '../../Providers';
-import { ChartType, GetDefaultOptionsParams, TransformDataForChartProps } from './types';
-export declare const getLegendsLabelConfig: (type: ChartType, appTheme: AppThemeType) => {
-    usePointStyle: false;
-    boxHeight: number;
-    generateLabels: (chart: Chart<"line">) => {
-        fillStyle: string;
-        strokeStyle: string;
-        lineDash: number[];
-        lineWidth: number;
-        text: string;
-        borderRadius?: number | import('chart.js').BorderRadius;
-        datasetIndex?: number;
-        index?: number;
-        fontColor?: import('chart.js').Color;
-        hidden?: boolean;
-        lineCap?: CanvasLineCap;
-        lineDashOffset?: number;
-        lineJoin?: CanvasLineJoin;
-        pointStyle?: import('chart.js').PointStyle;
-        rotation?: number;
-        textAlign?: import('chart.js').TextAlign;
-    }[];
-    color: string;
-    font: {
-        family: string;
-        size: number;
-        lineHeight: string;
-        weight: number;
-    };
-} | {
-    usePointStyle: true;
-    boxHeight: number;
-    boxWidth: number;
-    pointStyle: "rectRounded";
-    color: string;
-    font: {
-        family: string;
-        size: number;
-        lineHeight: string;
-        weight: number;
-    };
-};
-export declare const getChartJSType: (type: ChartType) => ChartJSChartType;
-export declare const getDefaultOptions: ({ chartProps, appTheme, externalTooltipHandler, }: GetDefaultOptionsParams) => ChartOptions;
-export declare const transformDataForChart: (props: TransformDataForChartProps) => (ChartDataset<"line"> | {
-    backgroundColor?: 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) | readonly (string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern>)[];
-    borderColor?: 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) | readonly (string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern>)[];
-    pointBackgroundColor?: 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) | readonly (string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern>)[];
-    pointBorderColor?: 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) | readonly (string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern>)[];
-    label: string;
-    data: number[];
-} | {
-    backgroundColor: string[];
-    hoverBackgroundColor: string[];
-    borderColor: string;
-    label: string;
-    data: number[];
-} | {
-    backgroundColor: string;
-    hoverBackgroundColor: string;
-    borderColor: string;
-    label: string;
-    data: number[];
-})[];
-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;
-export declare const distanceBetweenPoints: (pt1: Point, pt2: Point) => number;

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

@@ -1,3 +0,0 @@
-import { ClusterStatusIconProps } from './types';
-declare const ClusterStatusIcon: ({ clusterStatus, isVirtualCluster }: ClusterStatusIconProps) => JSX.Element;
-export default ClusterStatusIcon;

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

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

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

@@ -1,5 +0,0 @@
-import { ClusterStatusType } from '../../../Pages/ResourceBrowser';
-export interface ClusterStatusIconProps {
-    clusterStatus: ClusterStatusType;
-    isVirtualCluster: boolean;
-}

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

@@ -1,2 +0,0 @@
-import { ClusterStatusType } from '../../../Pages/ResourceBrowser';
-export declare const getBulletColorAccToStatus: (status: ClusterStatusType) => "bcg-5" | "bcr-5" | "bcy-5";

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

@@ -1,3 +0,0 @@
-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

@@ -1,3 +0,0 @@
-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

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

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

@@ -1,64 +0,0 @@
-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/KeyboardShortcut/KeyboardShortcut.component.d.ts

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

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

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