@devtron-labs/devtron-fe-common-lib 1.20.3-pre-9 → 1.20.3-pre-11

package/dist/{@common-rjsf-h2fbxMxq.js → @common-rjsf-BaisSjWO.js}

@@ -1,7 +1,7 @@
-import { j as n, aJ as v, aL as W, aK as K } from "./@vendor-DwGKptu5.js";
+import { j as n, aK as v, aM as J, aL as K } from "./@vendor-DceGoESd.js";
 import V, { useState as q, useEffect as Y, forwardRef as G, useMemo as E } from "react";
 import z, { getDefaultRegistry as Q } from "@rjsf/core";
-import { T as O, j as F, c as S, b as N, S as X, i as Z, g as ee, a as te, d as R, e as ne } from "./@code-editor-P2jsjZMo.js";
+import { T as O, j as F, c as S, b as N, S as X, i as Z, g as ee, a as te, d as R, e as ne } from "./@code-editor-BKRUF3oV.js";
 import { getUiOptions as B, getTemplate as $, getSubmitButtonOptions as re, ADDITIONAL_PROPERTY_FLAG as L, errorId as se, englishStringTranslator as ae, TranslatableString as oe, titleId as le, canExpand as ie, deepEquals as ce } from "@rjsf/utils";
 import { ReactComponent as de } from "./assets/ic-add.cfaa779b.svg";
 import { ReactComponent as ue } from "./assets/ic-warning.ecf7ff97.svg";
@@ -10,7 +10,7 @@ import './assets/@common-rjsf.css';const P = {
   SELECT: "Please select an option",
   INPUT: "Please enter an input",
   OBJECT_KEY: "Please enter a value for the key"
-}, pe = "Key not available", We = {
+}, pe = "Key not available", Je = {
   "ui:submitButtonOptions": {
     norender: !0
   }
@@ -329,7 +329,7 @@ import './assets/@common-rjsf.css';const P = {
       wrap: !1
     });
     o !== void 0 && (r = F([N(i, o), r]));
-  }), t && r ? W(t, K(t, r), !1, !1).newDocument : r);
+  }), t && r ? J(t, K(t, r), !1, !1).newDocument : r);
 }, Fe = ({ formData: e, schemaPathToUpdatePathMap: t }) => F([
   ...Object.entries(t).map(([s, r]) => {
     if (s === r || !r)
@@ -507,7 +507,7 @@ import './assets/@common-rjsf.css';const P = {
   Y(() => {
     _(ee(8));
   }, []);
-  const y = (g) => s ? u.filter((b) => g.some((J) => R(J, b.value))) : u.find((b) => R(g, b.value));
+  const y = (g) => s ? u.filter((b) => g.some((W) => R(W, b.value))) : u.find((b) => R(g, b.value));
   return /* @__PURE__ */ n.jsx(
     te,
     {
@@ -595,7 +595,7 @@ import './assets/@common-rjsf.css';const P = {
   ] });
 });
 export {
-  We as H,
+  Je as H,
   qe as R,
   Ke as a,
   Se as b,

package/dist/{@framer-motion-CyE9ZrhW.js → @framer-motion-DMkBQPN0.js}

@@ -1,4 +1,4 @@
-import { aV as m, aW as lt, aX as R, aY as Zr, aZ as Le, a_ as oe, a$ as T, b0 as $e, b1 as at, b2 as Gt, b3 as Q, b4 as $r, b5 as oi, b6 as si, b7 as ui, b8 as li, b9 as fi, ba as ci, bb as vi, bc as di, bd as qr, be as pi, bf as hi, bg as mi, bh as gi, bi as yi, bj as Jr, bk as Pt, bl as he, bm as X, bn as bi, bo as Qr, bp as z, bq as tn, br as me, bs as Z, bt as Pi, bu as Ot, bv as Vi, bw as Ti, bx as en, by as Ft, bz as O, bA as ge, bB as Si, bC as se, bD as xi, bE as Ci } from "./@vendor-DwGKptu5.js";
+import { aW as m, aX as lt, aY as R, aZ as Zr, a_ as Le, a$ as oe, b0 as T, b1 as $e, b2 as at, b3 as Gt, b4 as Q, b5 as $r, b6 as oi, b7 as si, b8 as ui, b9 as li, ba as fi, bb as ci, bc as vi, bd as di, be as qr, bf as pi, bg as hi, bh as mi, bi as gi, bj as yi, bk as Jr, bl as Pt, bm as he, bn as X, bo as bi, bp as Qr, bq as z, br as tn, bs as me, bt as Z, bu as Pi, bv as Ot, bw as Vi, bx as Ti, by as en, bz as Ft, bA as O, bB as ge, bC as Si, bD as se, bE as xi, bF as Ci } from "./@vendor-DceGoESd.js";
 import * as Y from "react";
 import Re, { createContext as St, useContext as F, useLayoutEffect as Ai, useEffect as N, useState as De, useRef as $, useCallback as ye, useMemo as Vt, forwardRef as wi, createElement as Ei, cloneElement as Li, Children as Ri, isValidElement as Di } from "react";
 var qe = "production", Me = typeof process > "u" || process.env === void 0 ? qe : process.env.NODE_ENV || qe, tt = function(t) {

package/dist/{@react-dates-DZKuosYz.js → @react-dates-BjZWpiVv.js}

@@ -1,5 +1,5 @@
 import Te from "react";
-import { bF as he, bG as Ke, bH as we, bI as cn, bJ as Le, bK as Je, bL as tt, bM as at, bN as et, bO as lt, bP as nt, bQ as so, bR as fn, bS as uo, bT as bt, bU as ei, bV as hn, bW as co, bX as fo, bY as ho, bZ as vn, b_ as Fe, b$ as pn, c0 as ti, c1 as wn, c2 as ai, c3 as ni, c4 as ri, c5 as Rt, c6 as oi, c7 as ii, c8 as li } from "./@vendor-DwGKptu5.js";
+import { bG as he, bH as Ke, bI as we, bJ as cn, bK as Le, bL as Je, bM as tt, bN as at, bO as et, bP as lt, bQ as nt, bR as so, bS as fn, bT as uo, bU as bt, bV as ei, bW as hn, bX as co, bY as fo, bZ as ho, b_ as vn, b$ as Fe, c0 as pn, c1 as ti, c2 as wn, c3 as ai, c4 as ni, c5 as ri, c6 as Rt, c7 as oi, c8 as ii, c9 as li } from "./@vendor-DceGoESd.js";
 import { r as Ne, h as si, g as di } from "./@moment-CGWt8tF2.js";
 import './assets/@react-dates.css';var Wt = {}, jt = {}, zt = {}, Nn;
 function Ve() {

package/dist/{@react-select-D2LpysD2.js → @react-select-DtwlfcIG.js}

@@ -1,4 +1,4 @@
-import { c9 as xt, ca as v, bZ as re, cb as h, c4 as f, cc as Y, cd as U, ce as xe, cf as Bt, cg as Ue, ch as Ft, ci as Vt, cj as Et, ck as yt, cl as Wt, cm as Xt, cn as ne, co as Zt } from "./@vendor-DwGKptu5.js";
+import { ca as xt, cb as v, b_ as re, cc as h, c5 as f, cd as Y, ce as U, cf as xe, cg as Bt, ch as Ue, ci as Ft, cj as Vt, ck as Et, cl as yt, cm as Wt, cn as Xt, co as ne, cp as Zt } from "./@vendor-DceGoESd.js";
 import * as y from "react";
 import { useRef as j, useState as ee, useMemo as q, useCallback as D, createContext as Nt, useContext as St, Component as Rt, Fragment as Be, useEffect as Qe, forwardRef as Ht } from "react";
 import { createPortal as Tt } from "react-dom";

package/dist/{@react-virtualized-sticky-tree-ok_G4gcR.js → @react-virtualized-sticky-tree-M81Af3Qs.js}

@@ -2,7 +2,7 @@ var v = Object.defineProperty;
 var E = (a, h, e) => h in a ? v(a, h, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[h] = e;
 var f = (a, h, e) => E(a, typeof h != "symbol" ? h + "" : h, e);
 import u, { createRef as k } from "react";
-import { cp as x } from "./@vendor-DwGKptu5.js";
+import { cq as x } from "./@vendor-DceGoESd.js";
 const b = () => typeof navigator < "u" && /Safari/.test(navigator.userAgent) && /Apple Computer/.test(navigator.vendor) ? "-webkit-sticky" : "sticky";
 var g;
 (function(a) {

package/dist/{@vendor-DwGKptu5.js → @vendor-DceGoESd.js}

@@ -80441,7 +80441,7 @@ export {
   UIe as Z,
   V5 as _,
   lpe as a,
-  X9e as a$,
+  aj as a$,
   ap as a0,
   zIe as a1,
   Xc as a2,
@@ -80452,33 +80452,33 @@ export {
   VIe as a7,
   Gce as a8,
   pFe as a9,
-  wMe as aA,
-  BFe as aB,
-  ju as aC,
-  o$e as aD,
-  i$e as aE,
-  bOe as aF,
-  r4e as aG,
-  V9e as aH,
-  UB as aI,
-  Ot as aJ,
-  ere as aK,
-  kD as aL,
-  pi as aM,
-  N9e as aN,
-  I9e as aO,
-  VFe as aP,
-  yee as aQ,
-  mee as aR,
-  L9e as aS,
-  B9e as aT,
-  Ut as aU,
-  aR as aV,
-  zd as aW,
-  U9e as aX,
-  H9e as aY,
-  Rb as aZ,
-  aj as a_,
+  gb as aA,
+  wMe as aB,
+  BFe as aC,
+  ju as aD,
+  o$e as aE,
+  i$e as aF,
+  bOe as aG,
+  r4e as aH,
+  V9e as aI,
+  UB as aJ,
+  Ot as aK,
+  ere as aL,
+  kD as aM,
+  pi as aN,
+  N9e as aO,
+  I9e as aP,
+  VFe as aQ,
+  yee as aR,
+  mee as aS,
+  L9e as aT,
+  B9e as aU,
+  Ut as aV,
+  aR as aW,
+  zd as aX,
+  U9e as aY,
+  H9e as aZ,
+  Rb as a_,
   mFe as aa,
   gFe as ab,
   yFe as ac,
@@ -80492,112 +80492,113 @@ export {
   Qx as ak,
   ag as al,
   dg as am,
-  _Fe as an,
-  CFe as ao,
-  wFe as ap,
-  xFe as aq,
-  LY as ar,
-  uf as as,
-  ko as at,
-  j9e as au,
-  LFe as av,
-  jFe as aw,
-  vb as ax,
-  Ve as ay,
-  gb as az,
+  ub as an,
+  _Fe as ao,
+  CFe as ap,
+  wFe as aq,
+  xFe as ar,
+  LY as as,
+  uf as at,
+  ko as au,
+  j9e as av,
+  LFe as aw,
+  jFe as ax,
+  vb as ay,
+  Ve as az,
   He as b,
-  MFe as b$,
-  J9e as b0,
-  Q9e as b1,
-  Y9e as b2,
-  oj as b3,
-  gj as b4,
-  fIe as b5,
-  PE as b6,
-  aIe as b7,
-  sIe as b8,
-  oIe as b9,
-  pj as bA,
-  OE as bB,
-  uIe as bC,
-  W9e as bD,
-  xj as bE,
-  Cv as bF,
-  JOe as bG,
-  Nn as bH,
-  EFe as bI,
-  MQ as bJ,
-  GOe as bK,
-  YOe as bL,
-  SFe as bM,
-  XOe as bN,
-  nDe as bO,
-  yAe as bP,
-  xAe as bQ,
-  TAe as bR,
-  AFe as bS,
-  OFe as bT,
-  iAe as bU,
-  DFe as bV,
-  PFe as bW,
-  LQ as bX,
-  kFe as bY,
-  noe as bZ,
-  Mn as b_,
-  rIe as ba,
-  iIe as bb,
-  Sj as bc,
-  bie as bd,
-  nIe as be,
-  yie as bf,
-  tIe as bg,
-  gie as bh,
-  Cj as bi,
-  mie as bj,
-  MD as bk,
-  eIe as bl,
-  $b as bm,
-  lIe as bn,
-  Lie as bo,
-  G9e as bp,
-  RD as bq,
-  Mie as br,
-  Pie as bs,
-  Bie as bt,
-  dd as bu,
-  Z9e as bv,
-  K9e as bw,
-  cIe as bx,
-  Tie as by,
-  FD as bz,
+  Mn as b$,
+  X9e as b0,
+  J9e as b1,
+  Q9e as b2,
+  Y9e as b3,
+  oj as b4,
+  gj as b5,
+  fIe as b6,
+  PE as b7,
+  aIe as b8,
+  sIe as b9,
+  FD as bA,
+  pj as bB,
+  OE as bC,
+  uIe as bD,
+  W9e as bE,
+  xj as bF,
+  Cv as bG,
+  JOe as bH,
+  Nn as bI,
+  EFe as bJ,
+  MQ as bK,
+  GOe as bL,
+  YOe as bM,
+  SFe as bN,
+  XOe as bO,
+  nDe as bP,
+  yAe as bQ,
+  xAe as bR,
+  TAe as bS,
+  AFe as bT,
+  OFe as bU,
+  iAe as bV,
+  DFe as bW,
+  PFe as bX,
+  LQ as bY,
+  kFe as bZ,
+  noe as b_,
+  oIe as ba,
+  rIe as bb,
+  iIe as bc,
+  Sj as bd,
+  bie as be,
+  nIe as bf,
+  yie as bg,
+  tIe as bh,
+  gie as bi,
+  Cj as bj,
+  mie as bk,
+  MD as bl,
+  eIe as bm,
+  $b as bn,
+  lIe as bo,
+  Lie as bp,
+  G9e as bq,
+  RD as br,
+  Mie as bs,
+  Pie as bt,
+  Bie as bu,
+  dd as bv,
+  Z9e as bw,
+  K9e as bx,
+  cIe as by,
+  Tie as bz,
   mV as c,
-  c3e as c0,
-  TFe as c1,
-  roe as c2,
-  IFe as c3,
-  yc as c4,
-  $Fe as c5,
-  RFe as c6,
-  mAe as c7,
-  FFe as c8,
-  bc as c9,
-  hIe as ca,
-  vIe as cb,
-  _Ie as cc,
-  wIe as cd,
-  EIe as ce,
-  SIe as cf,
-  ise as cg,
-  xIe as ch,
-  CIe as ci,
-  gIe as cj,
-  yIe as ck,
-  mIe as cl,
-  pIe as cm,
-  bIe as cn,
-  kIe as co,
-  oZ as cp,
-  gD as cq,
+  MFe as c0,
+  c3e as c1,
+  TFe as c2,
+  roe as c3,
+  IFe as c4,
+  yc as c5,
+  $Fe as c6,
+  RFe as c7,
+  mAe as c8,
+  FFe as c9,
+  bc as ca,
+  hIe as cb,
+  vIe as cc,
+  _Ie as cd,
+  wIe as ce,
+  EIe as cf,
+  SIe as cg,
+  ise as ch,
+  xIe as ci,
+  CIe as cj,
+  gIe as ck,
+  yIe as cl,
+  mIe as cm,
+  pIe as cn,
+  bIe as co,
+  kIe as cp,
+  oZ as cq,
+  gD as cr,
   KIe as d,
   ZIe as e,
   QIe as f,

package/dist/Common/API/types.d.ts

@@ -19,5 +19,10 @@ export interface FetchInTimeParamsType<Data = object> {
     isMultipartRequest?: boolean;
 }
 export interface FetchAPIParamsType<Data = object> extends Omit<FetchInTimeParamsType<Data>, 'options'>, Pick<APIOptions, 'preventAutoLogout' | 'preventLicenseRedirect' | 'shouldParseServerErrorForUnauthorizedUser'> {
+    /**
+     * @default false
+     * @description - If true, will override the default host (orchestrator or whatever defined initially in CoreAPI constructor) with the `proxy` host
+     */
+    isProxyHost?: boolean;
     signal: AbortSignal;
 }

package/dist/Common/Types.d.ts

@@ -944,6 +944,17 @@ export type EnvironmentsGroupedByClustersType = {
     clusterName: EnvironmentType['cluster'];
     envList: EnvironmentType[];
 }[];
+export type ClusterCostModuleConfigPayload = {
+    enabled: true;
+    config?: Record<string, any>;
+} | {
+    enabled: false;
+    config?: never;
+};
+interface ClusterCostModuleDetailsDTO extends Pick<ClusterCostModuleConfigPayload, 'enabled' | 'config'> {
+    installationStatus: 'Success' | 'Installing' | 'Upgrading' | 'NotInstalled' | 'Failed';
+    installationError?: string;
+}
 export interface ClusterDetailDTO {
     category: ClusterEnvironmentCategoryType;
     cluster_name: string;
@@ -959,6 +970,7 @@ export interface ClusterDetailDTO {
     proxyUrl: string;
     toConnectWithSSHTunnel: boolean;
     clusterStatus: ClusterStatusType;
+    costModuleConfig: ClusterCostModuleDetailsDTO;
 }
 export interface ClusterDetailListType extends Omit<ClusterDetailDTO, 'server_url' | 'cluster_name' | 'prometheus_url' | 'id' | 'category' | 'clusterStatus'> {
     serverUrl: ClusterDetailDTO['server_url'];

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

@@ -0,0 +1,4 @@
+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 +1,2 @@
+export * from './constants';
 export * from './types';

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

@@ -1,3 +1,6 @@
+import { ReactNode } from 'react';
+import { RJSFFormSchema } from '../../../Common/RJSF';
+import { ClusterDetailListType } from '../../../Common/Types';
 export declare enum CostBreakdownViewType {
     CLUSTERS = "clusters",
     ENVIRONMENTS = "environments",
@@ -9,3 +12,20 @@ export declare enum CostBreakdownItemViewParamsType {
     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/Shared/Components/Charts/constants.d.ts

@@ -1,16 +1,8 @@
 import { AppThemeType } from '../../Providers';
 import { ChartColorKey } from './types';
-export declare const LEGENDS_LABEL_CONFIG: {
-    readonly usePointStyle: true;
-    readonly pointStyle: "rectRounded";
-    readonly pointStyleWidth: 0;
-    readonly font: {
-        readonly family: "'IBM Plex Sans', 'Open Sans', 'Roboto'";
-        readonly size: 13;
-        readonly lineHeight: "150%";
-        readonly weight: 400;
-    };
-};
 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 +1,4 @@
 export { default as Chart } from './Chart.component';
 export { CHART_COLORS } from './constants';
-export type { ChartColorKey, ChartProps, ChartType, SimpleDataset, SimpleDatasetForPie } from './types';
+export type { ChartColorKey, ChartProps, ChartType, ReferenceLineConfigType, SimpleDataset, SimpleDatasetForPie, } from './types';
 export { chartColorGenerator } from './utils';

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

@@ -1,5 +1,4 @@
 import { Plugin } from 'chart.js';
 import { AppThemeType } from '../../Providers';
-import { ChartType } from './types';
-export declare const getAverageLinePlugin: (averageValue: number, appTheme: AppThemeType) => Plugin;
-export declare const getSeparatorLinePlugin: (separatorIndex: number, chartType: ChartType, appTheme: AppThemeType) => Plugin;
+import { ReferenceLineConfigType } from './types';
+export declare const drawReferenceLine: (config: ReferenceLineConfigType, id: string, appTheme: AppThemeType) => Plugin;

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { ChartOptions, TooltipOptions } from 'chart.js';
+import { TooltipOptions, TooltipPositionerFunction } from 'chart.js';
 import { TooltipProps } from '../../../Common/Tooltip';
 import { AppThemeType } from '../../Providers';
 import { Never } from '../../types';
@@ -13,41 +13,49 @@ interface BaseSimpleDataset {
     yAxisValues: number[];
 }
 export interface SimpleDataset extends BaseSimpleDataset {
-    backgroundColor: ChartColorKey;
+    color: ChartColorKey;
+    isClickable?: boolean;
+}
+export interface SimpleDatasetForLineAndArea extends Omit<SimpleDataset, 'isClickable'> {
+    isDashed?: boolean;
 }
 export interface SimpleDatasetForPie extends BaseSimpleDataset {
-    backgroundColor: Array<ChartColorKey>;
+    colors: Array<ChartColorKey>;
+    isClickable?: boolean[];
 }
-export interface SimpleDatasetForLine extends BaseSimpleDataset {
-    borderColor: ChartColorKey;
+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 TypeAndDatasetsType = ({
+type OnChartClickHandler = (datasetName: string, value: number) => void;
+export type TypeAndDatasetsType = ({
     type: 'pie';
     /**
      * Needs to be memoized
      */
     datasets: SimpleDatasetForPie;
-    separatorIndex?: never;
-    averageLineValue?: never;
+    onChartClick?: OnChartClickHandler;
 } & Never<XYAxisMax>) | ({
     type: 'line';
-    datasets: SimpleDatasetForLine[];
-    separatorIndex?: never;
-    averageLineValue?: number;
+    datasets: SimpleDatasetForLineAndArea[];
+    onChartClick?: never;
 } & XYAxisMax) | ({
     type: 'area';
-    datasets: SimpleDataset[];
-    separatorIndex?: never;
-    averageLineValue?: number;
+    datasets: SimpleDatasetForLineAndArea;
+    onChartClick?: never;
 } & XYAxisMax) | ({
     type: Exclude<ChartType, 'pie' | 'line' | 'area'>;
     datasets: SimpleDataset[];
-    separatorIndex?: number;
-    averageLineValue?: never;
+    onChartClick?: OnChartClickHandler;
 } & XYAxisMax);
 export type ChartProps = {
     id: string;
@@ -60,10 +68,7 @@ export type ChartProps = {
      * @default false
      */
     hideAxis?: boolean;
-    /**
-     * Callback function for chart click events
-     */
-    onChartClick?: ChartOptions['onClick'];
+    hideXAxisLabels?: boolean;
     tooltipConfig?: {
         getTooltipContent?: (args: Parameters<TooltipOptions['external']>[0]) => ReactNode;
         /**
@@ -71,6 +76,10 @@ export type ChartProps = {
          */
         placement?: TooltipProps['placement'];
     };
+    /** A title for x axis */
+    xScaleTitle?: string;
+    /** A title for y axis */
+    yScaleTitle?: string;
 } & TypeAndDatasetsType;
 export type TransformDatasetProps = {
     appTheme: AppThemeType;
@@ -78,18 +87,24 @@ export type TransformDatasetProps = {
     type: 'pie';
     dataset: SimpleDatasetForPie;
 } | {
-    type: 'line';
-    dataset: SimpleDatasetForLine;
+    type: 'line' | 'area';
+    dataset: SimpleDatasetForLineAndArea;
 } | {
-    type: Exclude<ChartType, 'pie' | 'line'>;
+    type: Exclude<ChartType, 'pie' | 'line' | 'area'>;
     dataset: SimpleDataset;
 });
 export type GetBackgroundAndBorderColorProps = TransformDatasetProps;
 export type TransformDataForChartProps = {
     appTheme: AppThemeType;
 } & TypeAndDatasetsType;
-export interface GetDefaultOptionsParams extends Pick<ChartProps, 'hideAxis' | 'onChartClick' | 'type' | 'xAxisMax' | 'yAxisMax'> {
+export interface GetDefaultOptionsParams {
+    chartProps: ChartProps;
     appTheme: AppThemeType;
     externalTooltipHandler: TooltipOptions['external'];
 }
+declare module 'chart.js' {
+    interface TooltipPositionerMap {
+        barElementCenterPositioner: TooltipPositionerFunction<'bar'>;
+    }
+}
 export {};