@devtron-labs/devtron-fe-common-lib 1.21.0-pre-4 → 1.21.1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "1.21.0-pre-4",
+    "version": "1.21.1",
     "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",
@@ -108,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",
@@ -118,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",
@@ -130,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, 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/Navigation/index.d.ts

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

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

@@ -1,32 +0,0 @@
-import { customEnv, Never } from 'src';
-import { IconsProps } from '../../Shared/Components';
-export type NavigationItemID = 'application-management-overview' | 'application-management-devtron-applications' | 'application-management-application-groups' | 'application-management-bulk-edit' | 'application-management-application-templates' | 'application-management-projects' | 'application-management-configurations' | 'application-management-policies' | 'infrastructure-management-overview' | 'infrastructure-management-applications' | 'infrastructure-management-chart-store' | 'infrastructure-management-resource-browser' | 'infrastructure-management-resource-watcher' | 'infrastructure-management-catalog-framework' | 'software-release-management-overview' | 'software-release-management-release-hub' | 'software-release-management-tenants' | 'cost-visibility-overview' | 'cost-visibility-cost-breakdown' | 'cost-visibility-configurations' | 'security-center-overview' | 'security-center-security-vulnerabilities' | 'security-center-security-enablement' | 'security-center-security-policy' | 'automation-and-enablement-jobs' | 'automation-and-enablement-alerting' | 'automation-and-enablement-incident-response' | 'automation-and-enablement-api-portal' | 'automation-and-enablement-runbook-automation' | 'global-configuration-sso-login-services' | 'global-configuration-host-urls' | 'global-configuration-external-links' | 'global-configuration-chart-repository' | 'global-configuration-cluster-and-environments' | 'global-configuration-container-oci-registry' | 'global-configuration-authorization' | 'data-protection-overview' | 'data-protection-backup-and-schedule' | 'data-protection-restores' | 'data-protection-backup-repositories' | 'data-protection-backup-locations' | 'data-protection-history-and-logs';
-export type NavigationSubMenuItemID = 'application-management-configurations-gitops' | 'application-management-configurations-git-accounts' | 'application-management-configurations-deployment-charts' | 'application-management-configurations-notifications' | 'application-management-configurations-catalog-frameworks' | 'application-management-configurations-scoped-variables' | 'application-management-configurations-build-infra' | 'application-management-policies-deployment-window' | 'application-management-policies-approval-policy' | 'application-management-policies-plugin-policy' | 'application-management-policies-pull-image-digest' | 'application-management-policies-tag-policy' | 'application-management-policies-filter-conditions' | 'application-management-policies-image-promotion' | 'application-management-policies-lock-deployment-configuration' | 'cost-visibility-cost-breakdown-clusters' | 'cost-visibility-cost-breakdown-environments' | 'cost-visibility-cost-breakdown-projects' | 'cost-visibility-cost-breakdown-applications' | 'global-configuration-authorization-user-permissions' | 'global-configuration-authorization-permission-groups' | 'global-configuration-authorization-api-tokens';
-export type NavigationRootItemID = 'application-management' | 'infrastructure-management' | 'software-release-management' | 'cost-visibility' | 'security-center' | 'automation-and-enablement' | 'data-protection-management' | 'global-configuration';
-export type CommonNavigationItemType = {
-    title: string;
-    dataTestId: string;
-    icon: IconsProps['name'];
-    href: string;
-    disabled?: boolean;
-    keywords?: string[];
-    forceHideEnvKey?: keyof customEnv;
-    hideNav?: boolean;
-    isAvailableInEA?: boolean;
-};
-export type NavigationItemType = Pick<CommonNavigationItemType, 'dataTestId' | 'title' | 'disabled' | 'keywords' | 'hideNav' | 'forceHideEnvKey' | 'isAvailableInEA'> & {
-    id: NavigationItemID;
-} & ((Pick<CommonNavigationItemType, 'icon' | 'href'> & {
-    hasSubMenu?: false;
-    subItems?: never;
-}) | (Never<Pick<CommonNavigationItemType, 'icon' | 'href'>> & {
-    hasSubMenu: true;
-    subItems: (Omit<CommonNavigationItemType, 'icon'> & {
-        id: NavigationSubMenuItemID;
-    })[];
-}));
-export interface NavigationGroupType extends Pick<CommonNavigationItemType, 'title' | 'icon' | 'hideNav' | 'forceHideEnvKey' | 'isAvailableInEA'> {
-    id: NavigationRootItemID;
-    items: NavigationItemType[];
-    disabled?: boolean;
-}

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,6 +0,0 @@
-export * from './ApplicationManagement';
-export * from './CostVisibility';
-export * from './DataProtectionManagement';
-export * from './InfrastructureManagement';
-export * from './Navigation';
-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 {};