@sproutsocial/seeds-react-data-viz 0.16.0 → 0.16.1

package/dist/export/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/_work/seeds/seeds/seeds-react/seeds-react-data-viz/dist/export/index.js","../../src/export/ChartExportMenu.tsx"],"names":[],"mappings":"AAAA;ACAA,2DAAqC;AACrC,oEAAuB;AACvB,gEAAqB;AAiDX,+CAAA;AA5BV,IAAM,MAAA,EAA6B,CAAC,KAAA,EAAO,KAAA,EAAO,KAAA,EAAO,KAAK,CAAA;AAG9D,IAAM,OAAA,EAA6D;AAAA,EACjE,GAAA,EAAK,WAAA;AAAA,EACL,GAAA,EAAK,WAAA;AAAA,EACL,GAAA,EAAK,WAAA;AAAA,EACL,GAAA,EAAK;AACP,CAAA;AAQO,SAAS,eAAA,CAAgB;AAAA,EAC9B,YAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,EAAyB;AACvB,EAAA,MAAM,QAAA,EAAU,KAAA,CAAM,MAAA,CAAO,CAAC,MAAA,EAAA,GAAW,MAAA,CAAO,MAAM,CAAC,CAAA;AACvD,EAAA,GAAA,CAAI,OAAA,CAAQ,OAAA,IAAW,CAAA,EAAG,OAAO,IAAA;AAEjC,EAAA,uBACE,6BAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,OAAA,kBACE,6BAAA,wBAAC,EAAA,EAAO,UAAA,EAAW,WAAA,EAAY,SAAA,EAAW,gBAAA,EACxC,QAAA,kBAAA,6BAAA,oBAAC,EAAA,EAAK,IAAA,EAAK,+BAAA,EAAgC,UAAA,EAAU,IAAA,EAAC,aAAA,EAAW,KAAA,CAAC,EAAA,CACpE,CAAA;AAAA,MAGD,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,MAAA,EAAA,mBACZ,6BAAA;AAAA,QAAC,cAAA;AAAA,QAAA;AAAA,UAEC,OAAA,EAAS,CAAA,EAAA,GAAM;AAKb,YAAA,KAAK,YAAA,CAAa,MAAA,CAAO,MAAM,CAAC,CAAA,CAAE,CAAA,CAAE,KAAA,CAAM,CAAA,EAAA,GAAM;AAAA,YAAC,CAAC,CAAA;AAAA,UACpD,CAAA;AAAA,UAEC,QAAA,EAAA,MAAA,CAAO,MAAM;AAAA,QAAA,CAAA;AAAA,QATT;AAAA,MAUP,CACD;AAAA,IAAA;AAAA,EACH,CAAA;AAEJ;ADlCA;AACE;AACF,0CAAC","file":"/home/runner/_work/seeds/seeds/seeds-react/seeds-react-data-viz/dist/export/index.js","sourcesContent":[null,"import { ActionMenu, MenuItem } from \"@sproutsocial/seeds-react-menu/base\";\nimport { Button } from \"@sproutsocial/seeds-react-button\";\nimport { Icon } from \"@sproutsocial/seeds-react-icon\";\nimport type {\n  ChartExportFormat,\n  ChartExportHandle,\n} from \"../charts/shared/chartExport\";\n\nexport interface ChartExportMenuProps {\n  /** The opaque export handle surfaced by a v2 chart's `onReady` callback. */\n  exportHandle: ChartExportHandle;\n  /**\n   * Visible labels per format. Only formats with a non-empty label render an\n   * item; an empty object (or all-falsy labels) renders nothing — no dead\n   * trigger. Items always render in canonical order, never in key-insertion\n   * order.\n   */\n  labels: Partial<Record<ChartExportFormat, string>>;\n  /** Accessible name for the icon-only trigger button. */\n  triggerAriaLabel: string;\n}\n\n// Canonical render order, independent of `labels` key order.\nconst ORDER: ChartExportFormat[] = [\"png\", \"svg\", \"pdf\", \"csv\"];\n\n// Maps each format to the matching handle callable.\nconst METHOD: Record<ChartExportFormat, keyof ChartExportHandle> = {\n  png: \"exportPNG\",\n  svg: \"exportSVG\",\n  pdf: \"exportPDF\",\n  csv: \"exportCSV\",\n};\n\n/**\n * Icon-only overflow button that opens a dropdown of chart export actions\n * (PNG/SVG/PDF/CSV) for greenfield consumers, so they don't have to wire up\n * their own menu around the `ChartExportHandle` from `onReady`. Consumes only\n * the opaque handle — no Highcharts type crosses this boundary.\n */\nexport function ChartExportMenu({\n  exportHandle,\n  labels,\n  triggerAriaLabel,\n}: ChartExportMenuProps) {\n  const formats = ORDER.filter((format) => labels[format]);\n  if (formats.length === 0) return null;\n\n  return (\n    <ActionMenu\n      trigger={\n        <Button appearance=\"secondary\" ariaLabel={triggerAriaLabel}>\n          <Icon name=\"arrow-down-to-bracket-outline\" fixedWidth aria-hidden />\n        </Button>\n      }\n    >\n      {formats.map((format) => (\n        <MenuItem\n          key={format}\n          onClick={() => {\n            // The handle is fire-and-forget by design (opaque, consumer owns no\n            // UI here). Attach a no-op catch so a rejected export (e.g. a PDF\n            // dynamic-import failure) is a deliberate swallow, not an unhandled\n            // promise rejection.\n            void exportHandle[METHOD[format]]().catch(() => {});\n          }}\n        >\n          {labels[format]}\n        </MenuItem>\n      ))}\n    </ActionMenu>\n  );\n}\n"]}
+{"version":3,"sources":["/home/runner/_work/seeds/seeds/seeds-react/seeds-react-data-viz/dist/export/index.js","../../src/export/ChartExportMenu.tsx"],"names":[],"mappings":"AAAA;ACAA,2DAAqC;AACrC,oEAAuB;AACvB,gEAAqB;AAiDX,+CAAA;AA5BV,IAAM,MAAA,EAA6B,CAAC,KAAA,EAAO,KAAA,EAAO,KAAA,EAAO,KAAK,CAAA;AAG9D,IAAM,OAAA,EAA6D;AAAA,EACjE,GAAA,EAAK,WAAA;AAAA,EACL,GAAA,EAAK,WAAA;AAAA,EACL,GAAA,EAAK,WAAA;AAAA,EACL,GAAA,EAAK;AACP,CAAA;AAQO,SAAS,eAAA,CAAgB;AAAA,EAC9B,YAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,EAAyB;AACvB,EAAA,MAAM,QAAA,EAAU,KAAA,CAAM,MAAA,CAAO,CAAC,MAAA,EAAA,GAAW,MAAA,CAAO,MAAM,CAAC,CAAA;AACvD,EAAA,GAAA,CAAI,OAAA,CAAQ,OAAA,IAAW,CAAA,EAAG,OAAO,IAAA;AAEjC,EAAA,uBACE,6BAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,OAAA,kBACE,6BAAA,wBAAC,EAAA,EAAO,UAAA,EAAW,WAAA,EAAY,SAAA,EAAW,gBAAA,EACxC,QAAA,kBAAA,6BAAA,oBAAC,EAAA,EAAK,IAAA,EAAK,+BAAA,EAAgC,UAAA,EAAU,IAAA,EAAC,aAAA,EAAW,KAAA,CAAC,EAAA,CACpE,CAAA;AAAA,MAGD,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,MAAA,EAAA,mBACZ,6BAAA;AAAA,QAAC,cAAA;AAAA,QAAA;AAAA,UAEC,OAAA,EAAS,CAAA,EAAA,GAAM;AAKb,YAAA,KAAK,YAAA,CAAa,MAAA,CAAO,MAAM,CAAC,CAAA,CAAE,CAAA,CAAE,KAAA,CAAM,CAAA,EAAA,GAAM;AAAA,YAEhD,CAAC,CAAA;AAAA,UACH,CAAA;AAAA,UAEC,QAAA,EAAA,MAAA,CAAO,MAAM;AAAA,QAAA,CAAA;AAAA,QAXT;AAAA,MAYP,CACD;AAAA,IAAA;AAAA,EACH,CAAA;AAEJ;ADpCA;AACE;AACF,0CAAC","file":"/home/runner/_work/seeds/seeds/seeds-react/seeds-react-data-viz/dist/export/index.js","sourcesContent":[null,"import { ActionMenu, MenuItem } from \"@sproutsocial/seeds-react-menu/base\";\nimport { Button } from \"@sproutsocial/seeds-react-button\";\nimport { Icon } from \"@sproutsocial/seeds-react-icon\";\nimport type {\n  ChartExportFormat,\n  ChartExportHandle,\n} from \"../charts/shared/chartExport\";\n\nexport interface ChartExportMenuProps {\n  /** The opaque export handle surfaced by a v2 chart's `onReady` callback. */\n  exportHandle: ChartExportHandle;\n  /**\n   * Visible labels per format. Only formats with a non-empty label render an\n   * item; an empty object (or all-falsy labels) renders nothing — no dead\n   * trigger. Items always render in canonical order, never in key-insertion\n   * order.\n   */\n  labels: Partial<Record<ChartExportFormat, string>>;\n  /** Accessible name for the icon-only trigger button. */\n  triggerAriaLabel: string;\n}\n\n// Canonical render order, independent of `labels` key order.\nconst ORDER: ChartExportFormat[] = [\"png\", \"svg\", \"pdf\", \"csv\"];\n\n// Maps each format to the matching handle callable.\nconst METHOD: Record<ChartExportFormat, keyof ChartExportHandle> = {\n  png: \"exportPNG\",\n  svg: \"exportSVG\",\n  pdf: \"exportPDF\",\n  csv: \"exportCSV\",\n};\n\n/**\n * Icon-only overflow button that opens a dropdown of chart export actions\n * (PNG/SVG/PDF/CSV) for greenfield consumers, so they don't have to wire up\n * their own menu around the `ChartExportHandle` from `onReady`. Consumes only\n * the opaque handle — no Highcharts type crosses this boundary.\n */\nexport function ChartExportMenu({\n  exportHandle,\n  labels,\n  triggerAriaLabel,\n}: ChartExportMenuProps) {\n  const formats = ORDER.filter((format) => labels[format]);\n  if (formats.length === 0) return null;\n\n  return (\n    <ActionMenu\n      trigger={\n        <Button appearance=\"secondary\" ariaLabel={triggerAriaLabel}>\n          <Icon name=\"arrow-down-to-bracket-outline\" fixedWidth aria-hidden />\n        </Button>\n      }\n    >\n      {formats.map((format) => (\n        <MenuItem\n          key={format}\n          onClick={() => {\n            // The handle is fire-and-forget by design (opaque, consumer owns no\n            // UI here). Attach a no-op catch so a rejected export (e.g. a PDF\n            // dynamic-import failure) is a deliberate swallow, not an unhandled\n            // promise rejection.\n            void exportHandle[METHOD[format]]().catch(() => {\n              // no-op: deliberate swallow of fire-and-forget export rejection (see comment above)\n            });\n          }}\n        >\n          {labels[format]}\n        </MenuItem>\n      ))}\n    </ActionMenu>\n  );\n}\n"]}

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { T as TypeChartDataPoint, a as TypeChartDataStyles, b as TypeChartTooltipDateFormatter, c as TypeChartNumberFormat, d as TypeChartTooltipProps, e as TypeChartYAxisLabelFormatter, f as TypeChartTimeFormat, g as TypeChartXAnnotations, h as TypeChartStylePattern, i as TypeVerticalBarChartProps, j as TypeSeriesType, E as ExtendedTimeTicksInfoObject, k as TypeChartStyleColor, l as TypeChartStyleHasOnClick } from './types-B7ILUQ6_.mjs';
-export { m as ExtendedAxisLabelsFormatterContextObject, n as TypeChartXAnnotationsDetails, o as TypeExtendedChart } from './types-B7ILUQ6_.mjs';
+import { T as TypeChartDataPoint, a as TypeChartDataStyles, b as TypeChartTooltipDateFormatter, c as TypeChartNumberFormat, d as TypeChartTooltipProps, e as TypeChartYAxisLabelFormatter, f as TypeChartTimeFormat, g as TypeChartXAnnotations, h as TypeChartStylePattern, i as TypeVerticalBarChartProps, j as TypeSeriesType, E as ExtendedTimeTicksInfoObject, k as TypeChartStyleColor, l as TypeChartStyleHasOnClick } from './types-DxrhdAdn.mjs';
+export { m as ExtendedAxisLabelsFormatterContextObject, n as TypeChartXAnnotationsDetails, o as TypeExtendedChart } from './types-DxrhdAdn.mjs';
 import * as _sproutsocial_seeds_react_box from '@sproutsocial/seeds-react-box';
 import { TypeBoxProps } from '@sproutsocial/seeds-react-box';
 import { Table } from '@sproutsocial/seeds-react-table';
@@ -25,11 +25,11 @@ type TypeAreaChartProps = Readonly<{
     currency?: string;
     disableTooltips?: boolean;
     numberFormat?: TypeChartNumberFormat;
-    tooltip?: ({ data, total, x, }: TypeChartTooltipProps & Readonly<{
+    tooltip?: (_props: TypeChartTooltipProps & Readonly<{
         total: number | null;
     }>) => ReactNode;
     yAxisLabelFormatter?: TypeChartYAxisLabelFormatter;
-    onClick?: ({ x }: Readonly<{
+    onClick?: (_props: Readonly<{
         x: number;
     }>) => void;
     tooltipClickLabel?: ReactNode;
@@ -65,11 +65,11 @@ declare const AreaChart: react.NamedExoticComponent<Readonly<{
     currency?: string;
     disableTooltips?: boolean;
     numberFormat?: TypeChartNumberFormat;
-    tooltip?: ({ data, total, x, }: TypeChartTooltipProps & Readonly<{
+    tooltip?: (_props: TypeChartTooltipProps & Readonly<{
         total: number | null;
     }>) => ReactNode;
     yAxisLabelFormatter?: TypeChartYAxisLabelFormatter;
-    onClick?: ({ x }: Readonly<{
+    onClick?: (_props: Readonly<{
         x: number;
     }>) => void;
     tooltipClickLabel?: ReactNode;
@@ -142,7 +142,7 @@ declare const ChartTooltipHeader: react.NamedExoticComponent<TypeChartTooltipHea
 declare const generateChartTooltipPortalId: (chartId: number) => string;
 declare const ChartTooltipPortal: react.NamedExoticComponent<Readonly<{
     chart: Chart;
-    renderContent: (context: TooltipFormatterContextObject) => ReactNode;
+    renderContent: (_context: TooltipFormatterContextObject) => ReactNode;
 }>>;
 
 type TypeChartTooltipTableProps = {
@@ -220,8 +220,8 @@ type TypeDonutChartProps = Readonly<{
     disableTooltips?: boolean;
     hideLegend?: boolean;
     numberFormat?: TypeChartNumberFormat;
-    tooltip?: ({ color, name, percent, value, }: TypeDonutChartTooltipProps) => ReactNode;
-    onClick?: (data: Readonly<{
+    tooltip?: (_props: TypeDonutChartTooltipProps) => ReactNode;
+    onClick?: (_props: Readonly<{
         x: string;
     } & TypeDonutChartDataItem>) => void;
     tooltipClickLabel?: ReactNode;
@@ -234,8 +234,8 @@ declare const DonutChart: react.NamedExoticComponent<Readonly<{
     disableTooltips?: boolean;
     hideLegend?: boolean;
     numberFormat?: TypeChartNumberFormat;
-    tooltip?: ({ color, name, percent, value, }: TypeDonutChartTooltipProps) => ReactNode;
-    onClick?: (data: Readonly<{
+    tooltip?: (_props: TypeDonutChartTooltipProps) => ReactNode;
+    onClick?: (_props: Readonly<{
         x: string;
     } & TypeDonutChartDataItem>) => void;
     tooltipClickLabel?: ReactNode;
@@ -274,16 +274,16 @@ type TypeLineChartProps = Readonly<{
     currency?: string;
     disableTooltips?: boolean;
     numberFormat?: TypeChartNumberFormat;
-    tooltip?: ({ data, x }: TypeChartTooltipProps) => ReactNode;
+    tooltip?: (_props: TypeChartTooltipProps) => ReactNode;
     yAxisLabelFormatter?: TypeChartYAxisLabelFormatter;
-    onClick?: ({ x }: Readonly<{
+    onClick?: (_props: Readonly<{
         x: number;
     }>) => void;
     tooltipClickLabel?: ReactNode;
     timeFormat?: TypeChartTimeFormat;
     timezone?: string;
     xAnnotations?: TypeChartXAnnotations;
-    xAxisLabelFormatter?: (params: {
+    xAxisLabelFormatter?: (_params: {
         textLocale: Intl.LocalesArgument;
         tickPositions: number[];
         unitName: string;
@@ -320,16 +320,16 @@ declare const LineChart: react.NamedExoticComponent<Readonly<{
     currency?: string;
     disableTooltips?: boolean;
     numberFormat?: TypeChartNumberFormat;
-    tooltip?: ({ data, x }: TypeChartTooltipProps) => ReactNode;
+    tooltip?: (_props: TypeChartTooltipProps) => ReactNode;
     yAxisLabelFormatter?: TypeChartYAxisLabelFormatter;
-    onClick?: ({ x }: Readonly<{
+    onClick?: (_props: Readonly<{
         x: number;
     }>) => void;
     tooltipClickLabel?: ReactNode;
     timeFormat?: TypeChartTimeFormat;
     timezone?: string;
     xAnnotations?: TypeChartXAnnotations;
-    xAxisLabelFormatter?: (params: {
+    xAxisLabelFormatter?: (_params: {
         textLocale: Intl.LocalesArgument;
         tickPositions: number[];
         unitName: string;
@@ -358,12 +358,12 @@ declare const VerticalBarChart: react.NamedExoticComponent<Readonly<{
     data: ReadonlyArray<Readonly<{
         name: string;
         points: ReadonlyArray<TypeChartDataPoint>;
-        icon?: ReactNode;
+        icon?: react.ReactNode;
         styles?: TypeChartDataStyles & Readonly<{
             pattern?: TypeChartStylePattern;
         }>;
     }>>;
-    invalidNumberLabel: ReactNode;
+    invalidNumberLabel: react.ReactNode;
     numberLocale: Intl.LocalesArgument;
     textLocale: Intl.LocalesArgument;
     tooltipDateFormatter: TypeChartTooltipDateFormatter;
@@ -371,15 +371,15 @@ declare const VerticalBarChart: react.NamedExoticComponent<Readonly<{
     numberFormat?: TypeChartNumberFormat;
     seriesLimit?: number;
     showSeriesLimitWarning?: boolean;
-    tooltip?: ({ data, x }: TypeChartTooltipProps) => ReactNode;
+    tooltip?: (_props: TypeChartTooltipProps) => react.ReactNode;
     yAxisLabelFormatter?: TypeChartYAxisLabelFormatter;
-    onClick?: ({ x }: Readonly<{
+    onClick?: (_props: Readonly<{
         x: number;
     }>) => void;
-    tooltipClickLabel?: ReactNode;
+    tooltipClickLabel?: react.ReactNode;
     timeFormat?: TypeChartTimeFormat;
     xAnnotations?: TypeChartXAnnotations;
-    xAxisLabelFormatter?: (params: {
+    xAxisLabelFormatter?: (_params: {
         textLocale: Intl.LocalesArgument;
         tickPositions: number[];
         unitName: string;

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { T as TypeChartDataPoint, a as TypeChartDataStyles, b as TypeChartTooltipDateFormatter, c as TypeChartNumberFormat, d as TypeChartTooltipProps, e as TypeChartYAxisLabelFormatter, f as TypeChartTimeFormat, g as TypeChartXAnnotations, h as TypeChartStylePattern, i as TypeVerticalBarChartProps, j as TypeSeriesType, E as ExtendedTimeTicksInfoObject, k as TypeChartStyleColor, l as TypeChartStyleHasOnClick } from './types-B7ILUQ6_.js';
-export { m as ExtendedAxisLabelsFormatterContextObject, n as TypeChartXAnnotationsDetails, o as TypeExtendedChart } from './types-B7ILUQ6_.js';
+import { T as TypeChartDataPoint, a as TypeChartDataStyles, b as TypeChartTooltipDateFormatter, c as TypeChartNumberFormat, d as TypeChartTooltipProps, e as TypeChartYAxisLabelFormatter, f as TypeChartTimeFormat, g as TypeChartXAnnotations, h as TypeChartStylePattern, i as TypeVerticalBarChartProps, j as TypeSeriesType, E as ExtendedTimeTicksInfoObject, k as TypeChartStyleColor, l as TypeChartStyleHasOnClick } from './types-DxrhdAdn.js';
+export { m as ExtendedAxisLabelsFormatterContextObject, n as TypeChartXAnnotationsDetails, o as TypeExtendedChart } from './types-DxrhdAdn.js';
 import * as _sproutsocial_seeds_react_box from '@sproutsocial/seeds-react-box';
 import { TypeBoxProps } from '@sproutsocial/seeds-react-box';
 import { Table } from '@sproutsocial/seeds-react-table';
@@ -25,11 +25,11 @@ type TypeAreaChartProps = Readonly<{
     currency?: string;
     disableTooltips?: boolean;
     numberFormat?: TypeChartNumberFormat;
-    tooltip?: ({ data, total, x, }: TypeChartTooltipProps & Readonly<{
+    tooltip?: (_props: TypeChartTooltipProps & Readonly<{
         total: number | null;
     }>) => ReactNode;
     yAxisLabelFormatter?: TypeChartYAxisLabelFormatter;
-    onClick?: ({ x }: Readonly<{
+    onClick?: (_props: Readonly<{
         x: number;
     }>) => void;
     tooltipClickLabel?: ReactNode;
@@ -65,11 +65,11 @@ declare const AreaChart: react.NamedExoticComponent<Readonly<{
     currency?: string;
     disableTooltips?: boolean;
     numberFormat?: TypeChartNumberFormat;
-    tooltip?: ({ data, total, x, }: TypeChartTooltipProps & Readonly<{
+    tooltip?: (_props: TypeChartTooltipProps & Readonly<{
         total: number | null;
     }>) => ReactNode;
     yAxisLabelFormatter?: TypeChartYAxisLabelFormatter;
-    onClick?: ({ x }: Readonly<{
+    onClick?: (_props: Readonly<{
         x: number;
     }>) => void;
     tooltipClickLabel?: ReactNode;
@@ -142,7 +142,7 @@ declare const ChartTooltipHeader: react.NamedExoticComponent<TypeChartTooltipHea
 declare const generateChartTooltipPortalId: (chartId: number) => string;
 declare const ChartTooltipPortal: react.NamedExoticComponent<Readonly<{
     chart: Chart;
-    renderContent: (context: TooltipFormatterContextObject) => ReactNode;
+    renderContent: (_context: TooltipFormatterContextObject) => ReactNode;
 }>>;
 
 type TypeChartTooltipTableProps = {
@@ -220,8 +220,8 @@ type TypeDonutChartProps = Readonly<{
     disableTooltips?: boolean;
     hideLegend?: boolean;
     numberFormat?: TypeChartNumberFormat;
-    tooltip?: ({ color, name, percent, value, }: TypeDonutChartTooltipProps) => ReactNode;
-    onClick?: (data: Readonly<{
+    tooltip?: (_props: TypeDonutChartTooltipProps) => ReactNode;
+    onClick?: (_props: Readonly<{
         x: string;
     } & TypeDonutChartDataItem>) => void;
     tooltipClickLabel?: ReactNode;
@@ -234,8 +234,8 @@ declare const DonutChart: react.NamedExoticComponent<Readonly<{
     disableTooltips?: boolean;
     hideLegend?: boolean;
     numberFormat?: TypeChartNumberFormat;
-    tooltip?: ({ color, name, percent, value, }: TypeDonutChartTooltipProps) => ReactNode;
-    onClick?: (data: Readonly<{
+    tooltip?: (_props: TypeDonutChartTooltipProps) => ReactNode;
+    onClick?: (_props: Readonly<{
         x: string;
     } & TypeDonutChartDataItem>) => void;
     tooltipClickLabel?: ReactNode;
@@ -274,16 +274,16 @@ type TypeLineChartProps = Readonly<{
     currency?: string;
     disableTooltips?: boolean;
     numberFormat?: TypeChartNumberFormat;
-    tooltip?: ({ data, x }: TypeChartTooltipProps) => ReactNode;
+    tooltip?: (_props: TypeChartTooltipProps) => ReactNode;
     yAxisLabelFormatter?: TypeChartYAxisLabelFormatter;
-    onClick?: ({ x }: Readonly<{
+    onClick?: (_props: Readonly<{
         x: number;
     }>) => void;
     tooltipClickLabel?: ReactNode;
     timeFormat?: TypeChartTimeFormat;
     timezone?: string;
     xAnnotations?: TypeChartXAnnotations;
-    xAxisLabelFormatter?: (params: {
+    xAxisLabelFormatter?: (_params: {
         textLocale: Intl.LocalesArgument;
         tickPositions: number[];
         unitName: string;
@@ -320,16 +320,16 @@ declare const LineChart: react.NamedExoticComponent<Readonly<{
     currency?: string;
     disableTooltips?: boolean;
     numberFormat?: TypeChartNumberFormat;
-    tooltip?: ({ data, x }: TypeChartTooltipProps) => ReactNode;
+    tooltip?: (_props: TypeChartTooltipProps) => ReactNode;
     yAxisLabelFormatter?: TypeChartYAxisLabelFormatter;
-    onClick?: ({ x }: Readonly<{
+    onClick?: (_props: Readonly<{
         x: number;
     }>) => void;
     tooltipClickLabel?: ReactNode;
     timeFormat?: TypeChartTimeFormat;
     timezone?: string;
     xAnnotations?: TypeChartXAnnotations;
-    xAxisLabelFormatter?: (params: {
+    xAxisLabelFormatter?: (_params: {
         textLocale: Intl.LocalesArgument;
         tickPositions: number[];
         unitName: string;
@@ -358,12 +358,12 @@ declare const VerticalBarChart: react.NamedExoticComponent<Readonly<{
     data: ReadonlyArray<Readonly<{
         name: string;
         points: ReadonlyArray<TypeChartDataPoint>;
-        icon?: ReactNode;
+        icon?: react.ReactNode;
         styles?: TypeChartDataStyles & Readonly<{
             pattern?: TypeChartStylePattern;
         }>;
     }>>;
-    invalidNumberLabel: ReactNode;
+    invalidNumberLabel: react.ReactNode;
     numberLocale: Intl.LocalesArgument;
     textLocale: Intl.LocalesArgument;
     tooltipDateFormatter: TypeChartTooltipDateFormatter;
@@ -371,15 +371,15 @@ declare const VerticalBarChart: react.NamedExoticComponent<Readonly<{
     numberFormat?: TypeChartNumberFormat;
     seriesLimit?: number;
     showSeriesLimitWarning?: boolean;
-    tooltip?: ({ data, x }: TypeChartTooltipProps) => ReactNode;
+    tooltip?: (_props: TypeChartTooltipProps) => react.ReactNode;
     yAxisLabelFormatter?: TypeChartYAxisLabelFormatter;
-    onClick?: ({ x }: Readonly<{
+    onClick?: (_props: Readonly<{
         x: number;
     }>) => void;
-    tooltipClickLabel?: ReactNode;
+    tooltipClickLabel?: react.ReactNode;
     timeFormat?: TypeChartTimeFormat;
     xAnnotations?: TypeChartXAnnotations;
-    xAxisLabelFormatter?: (params: {
+    xAxisLabelFormatter?: (_params: {
         textLocale: Intl.LocalesArgument;
         tickPositions: number[];
         unitName: string;