@devtron-labs/devtron-fe-common-lib 1.21.0-beta-2 → 1.21.0-beta-4

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "1.21.0-beta-2",
+    "version": "1.21.0-beta-4",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",
@@ -49,7 +49,7 @@
         "@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",
         "@typescript-eslint/eslint-plugin": "8.3.0",
@@ -107,7 +107,6 @@
         "@codemirror/lint": "6.8.4",
         "@codemirror/merge": "^6.10.0",
         "@codemirror/search": "6.5.8",
-        "@datasert/cronjs-parser": "^1.4.0",
         "@lezer/highlight": "1.2.1",
         "@replit/codemirror-indentation-markers": "6.5.3",
         "@replit/codemirror-vscode-keymap": "6.0.2",
@@ -117,9 +116,7 @@
         "@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",
-        "cronstrue": "^3.9.0",
         "dayjs": "^1.11.13",
         "fast-json-patch": "^3.1.1",
         "focus-trap-react": "^10.3.1",
@@ -129,8 +126,7 @@
         "nanoid": "^3.3.8",
         "qrcode.react": "^4.2.0",
         "react-canvas-confetti": "^2.0.7",
-        "react-csv": "^2.2.2",
-        "react-day-picker": "^9.11.2",
+        "react-dates": "^21.8.0",
         "react-draggable": "^4.4.5",
         "react-international-phone": "^4.5.0",
         "react-virtualized-sticky-tree": "^3.0.0-beta18",
@@ -139,6 +135,10 @@
     },
     "overrides": {
         "cross-spawn": "^7.0.5",
+        "react-dates": {
+            "react": "^17.0.2",
+            "react-dom": "^17.0.2"
+        },
         "vite-plugin-svgr": {
             "vite": "6.3.5"
         },

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

@@ -1,2 +0,0 @@
-import { NestedBreadCrumbProps } from './Types';
-export declare const NestedBreadCrumb: ({ redirectUrl, linkText, profileName, nestedBreadCrumbsText, }: 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-12" | "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,6 +0,0 @@
-export declare const getApplicationManagementBreadcrumb: () => {
-    'application-management': {
-        component: JSX.Element;
-        linked: boolean;
-    };
-};

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

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

package/dist/Pages-Devtron-2.0/DataProtectionManagement/types.d.ts

@@ -1,8 +0,0 @@
-export declare enum BackupLocationsTypes {
-    VOLUME_SNAPSHOT = "volume-snapshot",
-    STORAGE = "storage"
-}
-export declare enum BackupAndScheduleListViewEnum {
-    Backups = "backups",
-    Schedules = "schedules"
-}

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/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 +0,0 @@
-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/Shared/SecurityCenterIcon/SecurityCenterIcon.d.ts

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

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

@@ -1 +0,0 @@
-export { getSecurityCenterBreadcrumb } from './utils';

package/dist/Pages-Devtron-2.0/SecurityCenter/Shared/SecurityCenterIcon/utils.d.ts

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

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

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

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

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

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,5 +0,0 @@
-export * from './ApplicationManagement';
-export * from './CostVisibility';
-export * from './DataProtectionManagement';
-export * from './InfrastructureManagement';
-export * from './SecurityCenter';

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

@@ -1,3 +0,0 @@
-import { CardProps } from './types';
-declare const Card: ({ onClick, children, isLoading, shimmerVariant, variant, flexGap, flexDirection, padding, }: CardProps) => JSX.Element;
-export default Card;

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

@@ -1,4 +0,0 @@
-import { CardProps } from './types';
-export declare const DEFAULT_BORDER_RADIUS = 8;
-export declare const DEFAULT_FLEX_GAP = 0;
-export declare const VARIANT_TO_BORDER_CLASS_MAP: Record<CardProps['variant'], string>;

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

@@ -1,2 +0,0 @@
-export { default as Card } from './Card.component';
-export type { CardProps } from './types';

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

@@ -1,25 +0,0 @@
-import { ReactNode } from 'react';
-import { ComponentLayoutType } from '../../types';
-export type CardProps = {
-    children: ReactNode;
-    onClick?: () => void;
-    /**
-     * @default primary--outlined
-     */
-    variant?: 'primary--outlined' | 'secondary--outlined';
-    /**
-     * @default 'column'
-     */
-    flexDirection?: ComponentLayoutType;
-    /**
-     * @default 0px
-     */
-    flexGap?: 0 | 2 | 4 | 6 | 8 | 12 | 16 | 20 | 24 | 32;
-    padding?: 0 | 2 | 4 | 6 | 8 | 12 | 16 | 20 | 24 | 32;
-} & ({
-    isLoading: boolean;
-    shimmerVariant: 'A' | 'B' | 'C';
-} | {
-    isLoading?: never;
-    shimmerVariant?: never;
-});

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

@@ -1,121 +0,0 @@
-import { ChartProps } from './types';
-/**
- * A versatile Chart component that renders different types of charts using Chart.js.
- * Supports area charts, pie charts, semi-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],
- *     colors: ['SkyBlue300', 'AquaTeal400', 'LavenderPurple300']
- *   }}
- * />
- *
- * [Semi-Pie Chart Example with Center Text]
- * <Chart
- *   id="performance-metrics"
- *   type="semiPie"
- *   xAxisLabels={['Good', 'Average', 'Poor']}
- *   datasets={{
- *     datasetName: 'Performance Score (%)',
- *     yAxisValues: [65, 25, 10],
- *     colors: ['LimeGreen500', 'GoldenYellow400', 'CoralRed400']
- *   }}
- *   centerText={{
- *     text: '85%',
- *     fontSize: 24,
- *     fontWeight: '600'
- *   }}
- * />
- *
- * [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', 'semiPie', 'stackedBar', 'stackedBarHorizontal', or 'line'
- * @param xAxisLabels - Array of labels for the x-axis (or categories for pie/semi-pie charts)
- * @param datasets - Chart data: array of datasets for most charts, single dataset object for pie/semi-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 and semi-pie charts expect a single dataset object instead of an array
- * - Semi-pie charts render as half-circles, ideal for gauges or progress indicators
- * - Center text can be added to pie and semi-pie charts using the centerText prop
- * - 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,10 +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[];
-export declare const MAX_BAR_THICKNESS = 96;
-export declare const DIS_JOINT_CHART_POINT_RADIUS = 4;

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 { CenterTextConfig, ChartColorKey, ChartProps, ChartType, ReferenceLineConfigType, SimpleDataset, SimpleDatasetForPie, } from './types';
-export { chartColorGenerator } from './utils';

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

@@ -1,7 +0,0 @@
-import { RefObject } from 'react';
-import { Plugin } from 'chart.js';
-import { AppThemeType } from '../../Providers';
-import { CenterTextConfig, ChartType, ReferenceLineConfigType } from './types';
-export declare const drawReferenceLine: (config: ReferenceLineConfigType, id: string, appTheme: AppThemeType) => Plugin;
-export declare const htmlLegendPlugin: (id: string, ref: RefObject<HTMLDivElement>, type: ChartType) => Plugin;
-export declare const drawCenterText: (config: CenterTextConfig, appTheme: AppThemeType) => Plugin;

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

@@ -1,135 +0,0 @@
-import { Dispatch, ReactNode, SetStateAction } 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' | 'semiPie' | 'stackedBar' | 'stackedBarHorizontal' | 'line';
-export type ColorTokensType = 'DeepPlum' | 'Magenta' | 'Slate' | 'Lavender' | 'SkyBlue' | 'AquaTeal' | 'LimeGreen' | 'CoralRed' | 'GoldenYellow' | 'CharcoalGray' | 'Gray' | 'SunsetOrange';
-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' | 'semiPie'>;
-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;
-}
-export interface CenterTextConfig {
-    text: string;
-    fontSize?: number;
-    fontWeight?: string | number;
-    color?: string;
-    fontFamily?: string;
-}
-type XYAxisMax = {
-    xAxisMax?: number;
-    yAxisMax?: number;
-    /**
-     * Optional reference lines to draw across the chart
-     */
-    referenceLines?: ReferenceLineConfigType[];
-};
-type OnChartClickHandler = (datasetName: string, value: number) => void;
-type ScaleTickFormatCallbacks = Partial<{
-    xScaleTickFormat: (label: string, index: number) => string | string[] | number | number[];
-    yScaleTickFormat: (value: number, index: number) => string | string[] | number | number[];
-}>;
-export type TypeAndDatasetsType = ({
-    type: 'pie' | 'semiPie';
-    /**
-     * Needs to be memoized
-     */
-    datasets: SimpleDatasetForPie;
-    onChartClick?: OnChartClickHandler;
-    /** Configuration for center text (only for doughnut/pie charts) */
-    centerText?: CenterTextConfig;
-} & Never<XYAxisMax> & Never<ScaleTickFormatCallbacks>) | ({
-    type: 'line';
-    datasets: SimpleDatasetForLineAndArea[];
-    onChartClick?: never;
-    centerText?: never;
-} & XYAxisMax & ScaleTickFormatCallbacks) | ({
-    type: 'area';
-    datasets: SimpleDatasetForLineAndArea;
-    onChartClick?: never;
-    centerText?: never;
-} & XYAxisMax & ScaleTickFormatCallbacks) | ({
-    type: Exclude<ChartType, 'pie' | 'semiPie' | 'line' | 'area'>;
-    datasets: SimpleDataset[];
-    onChartClick?: OnChartClickHandler;
-    centerText?: never;
-} & XYAxisMax & ScaleTickFormatCallbacks);
-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'];
-        datasetValueFormatter?: (value: number) => string | number;
-    };
-    /** A title for x axis */
-    xScaleTitle?: string;
-    /** A title for y axis */
-    yScaleTitle?: string;
-} & TypeAndDatasetsType;
-export type TransformDatasetProps = {
-    appTheme: AppThemeType;
-} & ({
-    type: 'pie' | 'semiPie';
-    dataset: SimpleDatasetForPie;
-} | {
-    type: 'line' | 'area';
-    dataset: SimpleDatasetForLineAndArea;
-} | {
-    type: Exclude<ChartType, 'pie' | 'semiPie' | 'line' | 'area'>;
-    dataset: SimpleDataset;
-});
-export type GetBackgroundAndBorderColorProps = TransformDatasetProps;
-export type TransformDataForChartProps = {
-    appTheme: AppThemeType;
-} & TypeAndDatasetsType;
-export interface GetDefaultOptionsParams {
-    chartProps: ChartProps;
-    appTheme: AppThemeType;
-    externalTooltipHandler: TooltipOptions['external'];
-    setTooltipVisible: Dispatch<SetStateAction<boolean>>;
-}
-declare module 'chart.js' {
-    interface TooltipPositionerMap {
-        barElementCenterPositioner: TooltipPositionerFunction<'bar'>;
-    }
-}
-export interface HTMLLegendProps {
-    backgroundColor: string;
-    label: string;
-    onClick: () => void;
-    strikeThrough: boolean;
-    variant: 'line' | 'square';
-}
-export {};

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

@@ -1,30 +0,0 @@
-import { ReactNode } from 'react';
-import { ChartDataset, ChartOptions, ChartType as ChartJSChartType, Point, TooltipOptions } from 'chart.js';
-import { ChartType, GetDefaultOptionsParams, TransformDataForChartProps } from './types';
-export declare const getChartJSType: (type: ChartType) => ChartJSChartType;
-export declare const getDefaultOptions: ({ chartProps, appTheme, externalTooltipHandler, setTooltipVisible, }: 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;
-    borderWidth: number;
-    label: string;
-    data: number[];
-} | {
-    backgroundColor: string;
-    hoverBackgroundColor: string;
-    borderColor: string;
-    borderWidth?: undefined;
-    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" | "SunsetOrange500" | "SunsetOrange300" | "SunsetOrange100" | "SunsetOrange50" | "SunsetOrange600" | "SunsetOrange400" | "SunsetOrange200" | "SunsetOrange700" | "SunsetOrange800" | "SunsetOrange900" | "SunsetOrange950", 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;
-}