@mui/x-charts 8.0.0-beta.2 → 8.0.0

package/modern/hooks/useSvgRef.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-/**
- * Get the ref for the SVG element.
- * @returns The SVG ref.
- */
-export declare function useSvgRef(): React.RefObject<SVGSVGElement | null>;

package/modern/hooks/useSvgRef.js

@@ -1,15 +0,0 @@
-'use client';
-
-import { useChartContext } from "../context/ChartProvider/index.js";
-
-/**
- * Get the ref for the SVG element.
- * @returns The SVG ref.
- */
-export function useSvgRef() {
-  const context = useChartContext();
-  if (!context) {
-    throw new Error(['MUI X: Could not find the svg ref context.', 'It looks like you rendered your component outside of a ChartContainer parent component.'].join('\n'));
-  }
-  return context.svgRef;
-}

package/modern/hooks/useTicks.d.ts

@@ -1,59 +0,0 @@
-import { AxisConfig, D3Scale } from "../models/axis.js";
-export interface TickParams {
-  /**
-   * Maximal step between two ticks.
-   * When using time data, the value is assumed to be in ms.
-   * Not supported by categorical axis (band, points).
-   */
-  tickMaxStep?: number;
-  /**
-   * Minimal step between two ticks.
-   * When using time data, the value is assumed to be in ms.
-   * Not supported by categorical axis (band, points).
-   */
-  tickMinStep?: number;
-  /**
-   * The number of ticks. This number is not guaranteed.
-   * Not supported by categorical axis (band, points).
-   */
-  tickNumber?: number;
-  /**
-   * Defines which ticks are displayed.
-   * Its value can be:
-   * - 'auto' In such case the ticks are computed based on axis scale and other parameters.
-   * - a filtering function of the form `(value, index) => boolean` which is available only if the axis has "point" scale.
-   * - an array containing the values where ticks should be displayed.
-   * @see See {@link https://mui.com/x/react-charts/axis/#fixed-tick-positions}
-   * @default 'auto'
-   */
-  tickInterval?: 'auto' | ((value: any, index: number) => boolean) | any[];
-  /**
-   * The placement of ticks in regard to the band interval.
-   * Only used if scale is 'band'.
-   * @default 'extremities'
-   */
-  tickPlacement?: 'start' | 'end' | 'middle' | 'extremities';
-  /**
-   * The placement of ticks label. Can be the middle of the band, or the tick position.
-   * Only used if scale is 'band'.
-   * @default 'middle'
-   */
-  tickLabelPlacement?: 'middle' | 'tick';
-}
-export declare function getTickNumber(params: TickParams & {
-  range: number[];
-  domain: any[];
-}): number;
-export type TickItemType = {
-  /**
-   * This property is undefined only if it's the tick closing the last band
-   */
-  value?: any;
-  formattedValue?: string;
-  offset: number;
-  labelOffset: number;
-};
-export declare function useTicks(options: {
-  scale: D3Scale;
-  valueFormatter?: AxisConfig['valueFormatter'];
-} & Pick<TickParams, 'tickNumber' | 'tickInterval' | 'tickPlacement' | 'tickLabelPlacement'>): TickItemType[];

package/modern/hooks/useTicks.js

@@ -1,91 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { isBandScale } from "../internals/isBandScale.js";
-import { isInfinity } from "../internals/isInfinity.js";
-export function getTickNumber(params) {
-  const {
-    tickMaxStep,
-    tickMinStep,
-    tickNumber,
-    range,
-    domain
-  } = params;
-  const maxTicks = tickMinStep === undefined ? 999 : Math.floor(Math.abs(domain[1] - domain[0]) / tickMinStep);
-  const minTicks = tickMaxStep === undefined ? 2 : Math.ceil(Math.abs(domain[1] - domain[0]) / tickMaxStep);
-  const defaultizedTickNumber = tickNumber ?? Math.floor(Math.abs(range[1] - range[0]) / 50);
-  return Math.min(maxTicks, Math.max(minTicks, defaultizedTickNumber));
-}
-const offsetRatio = {
-  start: 0,
-  extremities: 0,
-  end: 1,
-  middle: 0.5
-};
-export function useTicks(options) {
-  const {
-    scale,
-    tickNumber,
-    valueFormatter,
-    tickInterval,
-    tickPlacement = 'extremities',
-    tickLabelPlacement: tickLabelPlacementProp
-  } = options;
-  return React.useMemo(() => {
-    // band scale
-    if (isBandScale(scale)) {
-      const domain = scale.domain();
-      const tickLabelPlacement = tickLabelPlacementProp ?? 'middle';
-      if (scale.bandwidth() > 0) {
-        // scale type = 'band'
-        const filteredDomain = typeof tickInterval === 'function' && domain.filter(tickInterval) || typeof tickInterval === 'object' && tickInterval || domain;
-        return [...filteredDomain.map(value => ({
-          value,
-          formattedValue: valueFormatter?.(value, {
-            location: 'tick',
-            scale
-          }) ?? `${value}`,
-          offset: scale(value) - (scale.step() - scale.bandwidth()) / 2 + offsetRatio[tickPlacement] * scale.step(),
-          labelOffset: tickLabelPlacement === 'tick' ? 0 : scale.step() * (offsetRatio[tickLabelPlacement] - offsetRatio[tickPlacement])
-        })), ...(tickPlacement === 'extremities' ? [{
-          formattedValue: undefined,
-          offset: scale.range()[1],
-          labelOffset: 0
-        }] : [])];
-      }
-
-      // scale type = 'point'
-      const filteredDomain = typeof tickInterval === 'function' && domain.filter(tickInterval) || typeof tickInterval === 'object' && tickInterval || domain;
-      return filteredDomain.map(value => ({
-        value,
-        formattedValue: valueFormatter?.(value, {
-          location: 'tick',
-          scale
-        }) ?? `${value}`,
-        offset: scale(value),
-        labelOffset: 0
-      }));
-    }
-    const domain = scale.domain();
-    // Skip axis rendering if no data is available
-    // - The domains contains Infinity for continuous scales.
-    if (domain.some(isInfinity)) {
-      return [];
-    }
-    const tickLabelPlacement = tickLabelPlacementProp;
-    const ticks = typeof tickInterval === 'object' ? tickInterval : scale.ticks(tickNumber);
-    return ticks.map((value, i) => {
-      return {
-        value,
-        formattedValue: valueFormatter?.(value, {
-          location: 'tick',
-          scale
-        }) ?? scale.tickFormat(tickNumber)(value),
-        offset: scale(value),
-        // Allowing the label to be placed in the middle of a continuous scale is weird.
-        // But it is useful in some cases, like funnel categories with a linear scale.
-        labelOffset: tickLabelPlacement === 'middle' ? scale(ticks[i - 1] ?? 0) - (scale(value) + scale(ticks[i - 1] ?? 0)) / 2 : 0
-      };
-    });
-  }, [scale, tickInterval, tickNumber, valueFormatter, tickPlacement, tickLabelPlacementProp]);
-}

package/modern/hooks/useZAxis.d.ts

@@ -1,7 +0,0 @@
-export declare function useZAxes(): {
-  zAxis: {
-    [axisId: string]: import("../internals").ZAxisDefaultized;
-  };
-  zAxisIds: import("../internals").AxisId[];
-};
-export declare function useZAxis(identifier?: number | string): import("../internals").ZAxisDefaultized;

package/modern/hooks/useZAxis.js

@@ -1,27 +0,0 @@
-'use client';
-
-import { useStore } from "../internals/store/useStore.js";
-import { selectorChartZAxis } from "../internals/plugins/featurePlugins/useChartZAxis/index.js";
-import { useSelector } from "../internals/store/useSelector.js";
-export function useZAxes() {
-  const store = useStore();
-  const {
-    axis: zAxis,
-    axisIds: zAxisIds
-  } = useSelector(store, selectorChartZAxis) ?? {
-    axis: {},
-    axisIds: []
-  };
-  return {
-    zAxis,
-    zAxisIds
-  };
-}
-export function useZAxis(identifier) {
-  const {
-    zAxis,
-    zAxisIds
-  } = useZAxes();
-  const id = typeof identifier === 'string' ? identifier : zAxisIds[identifier ?? 0];
-  return zAxis[id];
-}

package/modern/index.d.ts

@@ -1,26 +0,0 @@
-export * from "./constants/index.js";
-export * from "./context/index.js";
-export * from "./hooks/index.js";
-export * from "./colorPalettes/index.js";
-export * from "./models/index.js";
-export * from "./ChartsClipPath/index.js";
-export * from "./ChartsReferenceLine/index.js";
-export * from "./ChartsAxis/index.js";
-export * from "./ChartsXAxis/index.js";
-export * from "./ChartsYAxis/index.js";
-export * from "./ChartsGrid/index.js";
-export * from "./ChartsText/index.js";
-export * from "./ChartsTooltip/index.js";
-export * from "./ChartsLabel/index.js";
-export * from "./ChartsLegend/index.js";
-export * from "./ChartsAxisHighlight/index.js";
-export * from "./BarChart/index.js";
-export * from "./LineChart/index.js";
-export * from "./PieChart/index.js";
-export * from "./ScatterChart/index.js";
-export * from "./SparkLineChart/index.js";
-export * from "./Gauge/index.js";
-export * from "./RadarChart/index.js";
-export * from "./ChartsSurface/index.js";
-export * from "./ChartContainer/index.js";
-export * from "./ChartDataProvider/index.js";

package/modern/index.js

@@ -1,33 +0,0 @@
-/**
- * @mui/x-charts v8.0.0-beta.2
- *
- * @license MIT
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-export * from "./constants/index.js";
-export * from "./context/index.js";
-export * from "./hooks/index.js";
-export * from "./colorPalettes/index.js";
-export * from "./models/index.js";
-export * from "./ChartsClipPath/index.js";
-export * from "./ChartsReferenceLine/index.js";
-export * from "./ChartsAxis/index.js";
-export * from "./ChartsXAxis/index.js";
-export * from "./ChartsYAxis/index.js";
-export * from "./ChartsGrid/index.js";
-export * from "./ChartsText/index.js";
-export * from "./ChartsTooltip/index.js";
-export * from "./ChartsLabel/index.js";
-export * from "./ChartsLegend/index.js";
-export * from "./ChartsAxisHighlight/index.js";
-export * from "./BarChart/index.js";
-export * from "./LineChart/index.js";
-export * from "./PieChart/index.js";
-export * from "./ScatterChart/index.js";
-export * from "./SparkLineChart/index.js";
-export * from "./Gauge/index.js";
-export * from "./RadarChart/index.js";
-export * from "./ChartsSurface/index.js";
-export * from "./ChartContainer/index.js";
-export * from "./ChartDataProvider/index.js";

package/modern/internals/angleConversion.d.ts

@@ -1,2 +0,0 @@
-export declare const deg2rad: (value?: number, defaultRad?: number) => number;
-export declare const rad2deg: (value?: number, defaultDeg?: number) => number;

package/modern/internals/angleConversion.js

@@ -1,12 +0,0 @@
-export const deg2rad = (value, defaultRad) => {
-  if (value === undefined) {
-    return defaultRad;
-  }
-  return Math.PI * value / 180;
-};
-export const rad2deg = (value, defaultDeg) => {
-  if (value === undefined) {
-    return defaultDeg;
-  }
-  return 180 * value / Math.PI;
-};

package/modern/internals/clampAngle.d.ts

@@ -1,6 +0,0 @@
-/**
- * Clamp angle to [0, 360[.
- */
-export declare function clampAngle(angle: number): number;
-/** Clamp angle to [0, 2 * Math.PI[. */
-export declare function clampAngleRad(angle: number): number;

package/modern/internals/clampAngle.js

@@ -1,11 +0,0 @@
-/**
- * Clamp angle to [0, 360[.
- */
-export function clampAngle(angle) {
-  return (angle % 360 + 360) % 360;
-}
-const TWO_PI = 2 * Math.PI;
-/** Clamp angle to [0, 2 * Math.PI[. */
-export function clampAngleRad(angle) {
-  return (angle % TWO_PI + TWO_PI) % TWO_PI;
-}

package/modern/internals/cleanId.d.ts

@@ -1,4 +0,0 @@
-/**
- * Remove spaces to have viable ids
- */
-export declare function cleanId(id: string): string;

package/modern/internals/cleanId.js

@@ -1,6 +0,0 @@
-/**
- * Remove spaces to have viable ids
- */
-export function cleanId(id) {
-  return id.replace(' ', '_');
-}

package/modern/internals/colorScale.d.ts

@@ -1,5 +0,0 @@
-import { ScaleOrdinal } from '@mui/x-charts-vendor/d3-scale';
-import { ContinuousColorConfig, PiecewiseColorConfig, OrdinalColorConfig } from "../models/colorMapping.js";
-export declare function getSequentialColorScale<Value extends number | Date>(config: ContinuousColorConfig<Value> | PiecewiseColorConfig<Value>): import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<Value, string, never> | import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, never>;
-export declare function getOrdinalColorScale<Value extends number | Date | string>(config: OrdinalColorConfig<Value>): ScaleOrdinal<Value, string, null | string> | ScaleOrdinal<number, string, null | string>;
-export declare function getColorScale(config: ContinuousColorConfig | PiecewiseColorConfig | OrdinalColorConfig): ScaleOrdinal<string | number | Date, string, string | null> | ScaleOrdinal<number, string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, never> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number | Date, string, never>;

package/modern/internals/colorScale.js

@@ -1,16 +0,0 @@
-import { scaleOrdinal, scaleThreshold, scaleSequential } from '@mui/x-charts-vendor/d3-scale';
-export function getSequentialColorScale(config) {
-  if (config.type === 'piecewise') {
-    return scaleThreshold(config.thresholds, config.colors);
-  }
-  return scaleSequential([config.min ?? 0, config.max ?? 100], config.color);
-}
-export function getOrdinalColorScale(config) {
-  if (config.values) {
-    return scaleOrdinal(config.values, config.colors).unknown(config.unknownColor ?? null);
-  }
-  return scaleOrdinal(config.colors.map((_, index) => index), config.colors).unknown(config.unknownColor ?? null);
-}
-export function getColorScale(config) {
-  return config.type === 'ordinal' ? getOrdinalColorScale(config) : getSequentialColorScale(config);
-}

package/modern/internals/components/AxisSharedComponents.d.ts

@@ -1 +0,0 @@
-export declare const AxisRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, Pick<import("react").SVGProps<SVGGElement>, keyof import("react").SVGProps<SVGGElement>>, {}>;

package/modern/internals/components/AxisSharedComponents.js

@@ -1,26 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { styled } from '@mui/material/styles';
-import { axisClasses } from "../../ChartsAxis/axisClasses.js";
-export const AxisRoot = styled('g', {
-  name: 'MuiChartsAxis',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
-})(({
-  theme
-}) => ({
-  [`& .${axisClasses.tickLabel}`]: _extends({}, theme.typography.caption, {
-    fill: (theme.vars || theme).palette.text.primary
-  }),
-  [`& .${axisClasses.label}`]: {
-    fill: (theme.vars || theme).palette.text.primary
-  },
-  [`& .${axisClasses.line}`]: {
-    stroke: (theme.vars || theme).palette.text.primary,
-    shapeRendering: 'crispEdges',
-    strokeWidth: 1
-  },
-  [`& .${axisClasses.tick}`]: {
-    stroke: (theme.vars || theme).palette.text.primary,
-    shapeRendering: 'crispEdges'
-  }
-}));

package/modern/internals/components/ChartsAxesGradients/ChartsAxesGradients.d.ts

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export declare function ChartsAxesGradients(): React.JSX.Element | null;

package/modern/internals/components/ChartsAxesGradients/ChartsAxesGradients.js

@@ -1,133 +0,0 @@
-import * as React from 'react';
-import { useDrawingArea, useXAxes, useYAxes } from "../../../hooks/index.js";
-import ChartsPiecewiseGradient from "./ChartsPiecewiseGradient.js";
-import ChartsContinuousGradient from "./ChartsContinuousGradient.js";
-import ChartsContinuousGradientObjectBound from "./ChartsContinuousGradientObjectBound.js";
-import { useZAxes } from "../../../hooks/useZAxis.js";
-import { useChartGradientIdBuilder, useChartGradientIdObjectBoundBuilder } from "../../../hooks/useChartGradientId.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function ChartsAxesGradients() {
-  const {
-    top,
-    height,
-    bottom,
-    left,
-    width,
-    right
-  } = useDrawingArea();
-  const svgHeight = top + height + bottom;
-  const svgWidth = left + width + right;
-  const getGradientId = useChartGradientIdBuilder();
-  const getObjectBoundGradientId = useChartGradientIdObjectBoundBuilder();
-  const {
-    xAxis,
-    xAxisIds
-  } = useXAxes();
-  const {
-    yAxis,
-    yAxisIds
-  } = useYAxes();
-  const {
-    zAxis,
-    zAxisIds
-  } = useZAxes();
-  const filteredYAxisIds = yAxisIds.filter(axisId => yAxis[axisId].colorMap !== undefined);
-  const filteredXAxisIds = xAxisIds.filter(axisId => xAxis[axisId].colorMap !== undefined);
-  const filteredZAxisIds = zAxisIds.filter(axisId => zAxis[axisId].colorMap !== undefined);
-  if (filteredYAxisIds.length === 0 && filteredXAxisIds.length === 0 && filteredZAxisIds.length === 0) {
-    return null;
-  }
-  return /*#__PURE__*/_jsxs("defs", {
-    children: [filteredYAxisIds.map(axisId => {
-      const gradientId = getGradientId(axisId);
-      const objectBoundGradientId = getObjectBoundGradientId(axisId);
-      const {
-        colorMap,
-        scale,
-        colorScale,
-        reverse
-      } = yAxis[axisId];
-      if (colorMap?.type === 'piecewise') {
-        return /*#__PURE__*/_jsx(ChartsPiecewiseGradient, {
-          isReversed: !reverse,
-          scale: scale,
-          colorMap: colorMap,
-          size: svgHeight,
-          gradientId: gradientId,
-          direction: "y"
-        }, gradientId);
-      }
-      if (colorMap?.type === 'continuous') {
-        return /*#__PURE__*/_jsxs(React.Fragment, {
-          children: [/*#__PURE__*/_jsx(ChartsContinuousGradient, {
-            isReversed: !reverse,
-            scale: scale,
-            colorScale: colorScale,
-            colorMap: colorMap,
-            size: svgHeight,
-            gradientId: gradientId,
-            direction: "y"
-          }), /*#__PURE__*/_jsx(ChartsContinuousGradientObjectBound, {
-            isReversed: reverse,
-            colorScale: colorScale,
-            colorMap: colorMap,
-            gradientId: objectBoundGradientId
-          })]
-        }, gradientId);
-      }
-      return null;
-    }), filteredXAxisIds.map(axisId => {
-      const gradientId = getGradientId(axisId);
-      const objectBoundGradientId = getObjectBoundGradientId(axisId);
-      const {
-        colorMap,
-        scale,
-        reverse,
-        colorScale
-      } = xAxis[axisId];
-      if (colorMap?.type === 'piecewise') {
-        return /*#__PURE__*/_jsx(ChartsPiecewiseGradient, {
-          isReversed: reverse,
-          scale: scale,
-          colorMap: colorMap,
-          size: svgWidth,
-          gradientId: gradientId,
-          direction: "x"
-        }, gradientId);
-      }
-      if (colorMap?.type === 'continuous') {
-        return /*#__PURE__*/_jsxs(React.Fragment, {
-          children: [/*#__PURE__*/_jsx(ChartsContinuousGradient, {
-            isReversed: reverse,
-            scale: scale,
-            colorScale: colorScale,
-            colorMap: colorMap,
-            size: svgWidth,
-            gradientId: gradientId,
-            direction: "x"
-          }), /*#__PURE__*/_jsx(ChartsContinuousGradientObjectBound, {
-            isReversed: reverse,
-            colorScale: colorScale,
-            colorMap: colorMap,
-            gradientId: objectBoundGradientId
-          })]
-        }, gradientId);
-      }
-      return null;
-    }), filteredZAxisIds.map(axisId => {
-      const objectBoundGradientId = getObjectBoundGradientId(axisId);
-      const {
-        colorMap,
-        colorScale
-      } = zAxis[axisId];
-      if (colorMap?.type === 'continuous') {
-        return /*#__PURE__*/_jsx(ChartsContinuousGradientObjectBound, {
-          colorScale: colorScale,
-          colorMap: colorMap,
-          gradientId: objectBoundGradientId
-        }, objectBoundGradientId);
-      }
-      return null;
-    })]
-  });
-}

package/modern/internals/components/ChartsAxesGradients/ChartsContinuousGradient.d.ts

@@ -1,19 +0,0 @@
-import * as React from 'react';
-import { ContinuousColorConfig } from "../../../models/colorMapping.js";
-type ChartsContinuousGradientProps = {
-  isReversed?: boolean;
-  gradientId: string;
-  size: number;
-  direction: 'x' | 'y';
-  scale: (value: any) => number | undefined;
-  colorMap: ContinuousColorConfig;
-  colorScale: (value: any) => string | null;
-  /**
-   * Defines the coordinate base to use:
-   * - 'userSpaceOnUse': uses the coordinate of the SVG (values in px).
-   * - 'objectBoundingBox': uses the coordinate ot the object on which gradient is applied (values from 0 to 1).
-   */
-  gradientUnits?: 'objectBoundingBox' | 'userSpaceOnUse';
-};
-export default function ChartsContinuousGradient(props: ChartsContinuousGradientProps): React.JSX.Element | null;
-export {};

package/modern/internals/components/ChartsAxesGradients/ChartsContinuousGradient.js

@@ -1,56 +0,0 @@
-import * as React from 'react';
-import { interpolateDate, interpolateNumber } from '@mui/x-charts-vendor/d3-interpolate';
-import { jsx as _jsx } from "react/jsx-runtime";
-const PX_PRECISION = 10;
-export default function ChartsContinuousGradient(props) {
-  const {
-    gradientUnits,
-    isReversed,
-    gradientId,
-    size,
-    direction,
-    scale,
-    colorScale,
-    colorMap
-  } = props;
-  const extremumValues = [colorMap.min ?? 0, colorMap.max ?? 100];
-  const extremumPositions = extremumValues.map(scale).filter(p => p !== undefined);
-  if (extremumPositions.length !== 2) {
-    return null;
-  }
-  const interpolator = typeof extremumValues[0] === 'number' ? interpolateNumber(extremumValues[0], extremumValues[1]) : interpolateDate(extremumValues[0], extremumValues[1]);
-  const numberOfPoints = Math.round((Math.max(...extremumPositions) - Math.min(...extremumPositions)) / PX_PRECISION);
-  const keyPrefix = `${extremumValues[0]}-${extremumValues[1]}-`;
-  return /*#__PURE__*/_jsx("linearGradient", {
-    id: gradientId,
-    x1: "0",
-    x2: "0",
-    y1: "0",
-    y2: "0",
-    [`${direction}${isReversed ? 1 : 2}`]: gradientUnits === 'objectBoundingBox' ? 1 : `${size}px`,
-    gradientUnits: gradientUnits ?? 'userSpaceOnUse' // Use the SVG coordinate instead of the component ones.
-    ,
-    children: Array.from({
-      length: numberOfPoints + 1
-    }, (_, index) => {
-      const value = interpolator(index / numberOfPoints);
-      if (value === undefined) {
-        return null;
-      }
-      const x = scale(value);
-      if (x === undefined) {
-        return null;
-      }
-      const offset = isReversed ? 1 - x / size : x / size;
-      const color = colorScale(value);
-      if (color === null) {
-        return null;
-      }
-      return /*#__PURE__*/_jsx("stop", {
-        offset: offset,
-        stopColor: color,
-        stopOpacity: 1
-      }, keyPrefix + index);
-    })
-  });
-}

package/modern/internals/components/ChartsAxesGradients/ChartsContinuousGradientObjectBound.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { ContinuousColorConfig } from "../../../models/colorMapping.js";
-type ChartsContinuousGradientObjectBoundProps = {
-  isReversed?: boolean;
-  gradientId: string;
-  colorMap: ContinuousColorConfig;
-  colorScale: (value: any) => string | null;
-};
-/**
- * Generates gradients to be used in tooltips and legends.
- */
-export default function ChartsContinuousGradientObjectBound(props: ChartsContinuousGradientObjectBoundProps): React.JSX.Element;
-export {};