@mui/x-charts 8.0.0-alpha.6 → 8.0.0-alpha.8

package/ChartsLegend/LegendPerItem.d.ts

@@ -1,65 +0,0 @@
-import * as React from 'react';
-import { DefaultizedProps } from '@mui/x-internals/types';
-import { DrawingAreaState } from '../context/DrawingAreaProvider';
-import { ChartsTextStyle } from '../ChartsText';
-import { CardinalDirections } from '../models/layout';
-import { LegendItemParams } from './chartsLegend.types';
-import { AnchorPosition, Direction, LegendPlacement } from './legend.types';
-import { ChartsLegendClasses } from './chartsLegendClasses';
-export type ChartsLegendRootOwnerState = {
-    position: AnchorPosition;
-    direction: Direction;
-    drawingArea: DrawingAreaState;
-    offsetX?: number;
-    offsetY?: number;
-    seriesNumber: number;
-};
-export declare const ChartsLegendRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, Pick<React.SVGProps<SVGGElement>, keyof React.SVGProps<SVGGElement>>, {}>;
-export interface LegendPerItemProps extends DefaultizedProps<LegendPlacement, keyof LegendPlacement> {
-    /**
-     * The ordered array of item to display in the legend.
-     */
-    itemsToDisplay: LegendItemParams[];
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<ChartsLegendClasses>;
-    /**
-     * Style applied to legend labels.
-     * @default theme.typography.subtitle1
-     */
-    labelStyle?: ChartsTextStyle;
-    /**
-     * Width of the item mark (in px).
-     * @default 20
-     */
-    itemMarkWidth?: number;
-    /**
-     * Height of the item mark (in px).
-     * @default 20
-     */
-    itemMarkHeight?: number;
-    /**
-     * Space between the mark and the label (in px).
-     * @default 5
-     */
-    markGap?: number;
-    /**
-     * Space between two legend items (in px).
-     * @default 10
-     */
-    itemGap?: number;
-    /**
-     * Legend padding (in px).
-     * Can either be a single number, or an object with top, left, bottom, right properties.
-     * @default 10
-     */
-    padding?: number | Partial<CardinalDirections<number>>;
-    onItemClick?: (event: React.MouseEvent<SVGRectElement, MouseEvent>, index: number) => void;
-}
-/**
- * Internal component to display an array of items as a legend.
- * Used for series legend, and threshold color legend.
- * @ignore - Do not document
- */
-export declare function LegendPerItem(props: LegendPerItemProps): React.JSX.Element;

package/ChartsLegend/LegendPerItem.js

@@ -1,129 +0,0 @@
-'use client';
-
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["rotate", "dominantBaseline"];
-import * as React from 'react';
-import NoSsr from '@mui/material/NoSsr';
-import { useTheme, styled } from '@mui/material/styles';
-import { getWordsByLines } from "../internals/getWordsByLines.js";
-import { legendItemPlacements } from "./legendItemsPlacement.js";
-import { useDrawingArea } from "../hooks/useDrawingArea.js";
-import { ChartsLegendItem } from "./ChartsLegendItem.js";
-import { createElement as _createElement } from "react";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const ChartsLegendRoot = styled('g', {
-  name: 'MuiChartsLegend',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
-})({});
-/**
- * Transforms number or partial padding object to a defaultized padding object.
- */
-const getStandardizedPadding = padding => {
-  if (typeof padding === 'number') {
-    return {
-      left: padding,
-      right: padding,
-      top: padding,
-      bottom: padding
-    };
-  }
-  return _extends({
-    left: 0,
-    right: 0,
-    top: 0,
-    bottom: 0
-  }, padding);
-};
-
-/**
- * Internal component to display an array of items as a legend.
- * Used for series legend, and threshold color legend.
- * @ignore - Do not document
- */
-export function LegendPerItem(props) {
-  const {
-    position,
-    direction,
-    itemsToDisplay,
-    classes,
-    itemMarkWidth = 20,
-    itemMarkHeight = 20,
-    markGap = 5,
-    itemGap = 10,
-    padding: paddingProps = 10,
-    labelStyle: inLabelStyle,
-    onItemClick
-  } = props;
-  const theme = useTheme();
-  const drawingArea = useDrawingArea();
-  const labelStyle = React.useMemo(() => _extends({}, theme.typography.subtitle1, {
-    color: 'inherit',
-    dominantBaseline: 'central',
-    textAnchor: 'start',
-    fill: (theme.vars || theme).palette.text.primary,
-    lineHeight: 1
-  }, inLabelStyle),
-  // To say to TS that the dominantBaseline and textAnchor are correct
-  [inLabelStyle, theme]);
-  const padding = React.useMemo(() => getStandardizedPadding(paddingProps), [paddingProps]);
-  const getItemSpace = React.useCallback((label, inStyle = {}) => {
-    const style = _objectWithoutPropertiesLoose(inStyle, _excluded);
-    const linesSize = getWordsByLines({
-      style,
-      needsComputation: true,
-      text: label
-    });
-    const innerSize = {
-      innerWidth: itemMarkWidth + markGap + Math.max(...linesSize.map(size => size.width)),
-      innerHeight: Math.max(itemMarkHeight, linesSize.length * linesSize[0].height)
-    };
-    return _extends({}, innerSize, {
-      outerWidth: innerSize.innerWidth + itemGap,
-      outerHeight: innerSize.innerHeight + itemGap
-    });
-  }, [itemGap, itemMarkHeight, itemMarkWidth, markGap]);
-  const totalWidth = drawingArea.left + drawingArea.width + drawingArea.right;
-  const totalHeight = drawingArea.top + drawingArea.height + drawingArea.bottom;
-  const availableWidth = totalWidth - padding.left - padding.right;
-  const availableHeight = totalHeight - padding.top - padding.bottom;
-  const [itemsWithPosition, legendWidth, legendHeight] = React.useMemo(() => legendItemPlacements(itemsToDisplay, getItemSpace, labelStyle, direction, availableWidth, availableHeight, itemGap), [itemsToDisplay, getItemSpace, labelStyle, direction, availableWidth, availableHeight, itemGap]);
-  const gapX = React.useMemo(() => {
-    switch (position.horizontal) {
-      case 'left':
-        return padding.left;
-      case 'right':
-        return totalWidth - padding.right - legendWidth;
-      default:
-        return (totalWidth - legendWidth) / 2;
-    }
-  }, [position.horizontal, padding.left, padding.right, totalWidth, legendWidth]);
-  const gapY = React.useMemo(() => {
-    switch (position.vertical) {
-      case 'top':
-        return padding.top;
-      case 'bottom':
-        return totalHeight - padding.bottom - legendHeight;
-      default:
-        return (totalHeight - legendHeight) / 2;
-    }
-  }, [position.vertical, padding.top, padding.bottom, totalHeight, legendHeight]);
-  return /*#__PURE__*/_jsx(NoSsr, {
-    children: /*#__PURE__*/_jsx(ChartsLegendRoot, {
-      className: classes?.root,
-      children: itemsWithPosition.map((item, i) => /*#__PURE__*/_createElement(ChartsLegendItem, _extends({}, item, {
-        key: item.id,
-        gapX: gapX,
-        gapY: gapY,
-        legendWidth: legendWidth,
-        itemMarkHeight: itemMarkHeight,
-        itemMarkWidth: itemMarkWidth,
-        markGap: markGap,
-        labelStyle: labelStyle,
-        classes: classes,
-        onClick: onItemClick ? event => onItemClick(event, i) : undefined
-      })))
-    })
-  });
-}

package/ChartsLegend/legendItemsPlacement.d.ts

@@ -1,3 +0,0 @@
-import { ChartsTextStyle } from '../ChartsText';
-import { GetItemSpaceType, LegendItemParams, LegendItemWithPosition } from './chartsLegend.types';
-export declare function legendItemPlacements(itemsToDisplay: LegendItemParams[], getItemSpace: GetItemSpaceType, labelStyle: ChartsTextStyle, direction: string, availableWidth: number, availableHeight: number, itemGap: number): [LegendItemWithPosition[], number, number];

package/ChartsLegend/legendItemsPlacement.js

@@ -1,72 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["label"];
-export function legendItemPlacements(itemsToDisplay, getItemSpace, labelStyle, direction, availableWidth, availableHeight, itemGap) {
-  // Start at 0, 0. Will be modified later by padding and position.
-  let x = 0;
-  let y = 0;
-
-  // total values used to align legend later.
-  let totalWidthUsed = 0;
-  let totalHeightUsed = 0;
-  let rowIndex = 0;
-  const rowMaxHeight = [0];
-  const seriesWithRawPosition = itemsToDisplay.map(_ref => {
-    let {
-        label
-      } = _ref,
-      other = _objectWithoutPropertiesLoose(_ref, _excluded);
-    const itemSpace = getItemSpace(label, labelStyle);
-    const rep = _extends({}, other, {
-      label,
-      positionX: x,
-      positionY: y,
-      innerHeight: itemSpace.innerHeight,
-      innerWidth: itemSpace.innerWidth,
-      outerHeight: itemSpace.outerHeight,
-      outerWidth: itemSpace.outerWidth,
-      rowIndex
-    });
-    if (direction === 'row') {
-      if (x + itemSpace.innerWidth > availableWidth) {
-        // This legend item would create overflow along the x-axis, so we start a new row.
-        x = 0;
-        y += rowMaxHeight[rowIndex];
-        rowIndex += 1;
-        if (rowMaxHeight.length <= rowIndex) {
-          rowMaxHeight.push(0);
-        }
-        rep.positionX = x;
-        rep.positionY = y;
-        rep.rowIndex = rowIndex;
-      }
-      totalWidthUsed = Math.max(totalWidthUsed, x + itemSpace.outerWidth);
-      totalHeightUsed = Math.max(totalHeightUsed, y + itemSpace.outerHeight);
-      rowMaxHeight[rowIndex] = Math.max(rowMaxHeight[rowIndex], itemSpace.outerHeight);
-      x += itemSpace.outerWidth;
-    }
-    if (direction === 'column') {
-      if (y + itemSpace.innerHeight > availableHeight) {
-        // This legend item would create overflow along the y-axis, so we start a new column.
-        x = totalWidthUsed + itemGap;
-        y = 0;
-        rowIndex = 0;
-        rep.positionX = x;
-        rep.positionY = y;
-        rep.rowIndex = rowIndex;
-      }
-      if (rowMaxHeight.length <= rowIndex) {
-        rowMaxHeight.push(0);
-      }
-      totalWidthUsed = Math.max(totalWidthUsed, x + itemSpace.outerWidth);
-      totalHeightUsed = Math.max(totalHeightUsed, y + itemSpace.outerHeight);
-      rowIndex += 1;
-      y += itemSpace.outerHeight;
-    }
-    return rep;
-  });
-  return [seriesWithRawPosition.map(item => _extends({}, item, {
-    positionY: item.positionY + (direction === 'row' ? rowMaxHeight[item.rowIndex] / 2 // Get the center of the entire row
-    : item.outerHeight / 2) // Get the center of the item
-  })), totalWidthUsed, totalHeightUsed];
-}

package/ChartsLegend/utils.d.ts

@@ -1,2 +0,0 @@
-import { FormattedSeries } from '../context/SeriesProvider';
-export declare function getSeriesToDisplay(series: FormattedSeries): import("./chartsLegend.types").LegendItemParams[];

package/context/CartesianProvider/Cartesian.types.d.ts

@@ -1,59 +0,0 @@
-import { DatasetType } from '../../models/seriesType/config';
-import { AxisDefaultized, ScaleName, ChartsXAxisProps, ChartsYAxisProps, AxisId, AxisConfig } from '../../models/axis';
-import { ExtremumFilter } from '../PluginProvider';
-export type CartesianProviderProps = {
-    /**
-     * The configuration of the x-axes.
-     * If not provided, a default axis config is used.
-     * An array of [[AxisConfig]] objects.
-     */
-    xAxis: AxisConfig<ScaleName, any, ChartsXAxisProps>[];
-    /**
-     * The configuration of the y-axes.
-     * If not provided, a default axis config is used.
-     * An array of [[AxisConfig]] objects.
-     */
-    yAxis: AxisConfig<ScaleName, any, ChartsYAxisProps>[];
-    /**
-     * An array of objects that can be used to populate series and axes data using their `dataKey` property.
-     */
-    dataset?: DatasetType;
-    children: React.ReactNode;
-};
-export type DefaultizedAxisConfig<AxisProps> = {
-    [axisId: AxisId]: AxisDefaultized<ScaleName, any, AxisProps>;
-};
-export type CartesianContextState = {
-    /**
-     * Mapping from x-axis key to scaling configuration.
-     */
-    xAxis: DefaultizedAxisConfig<ChartsXAxisProps>;
-    /**
-     * Mapping from y-axis key to scaling configuration.
-     */
-    yAxis: DefaultizedAxisConfig<ChartsYAxisProps>;
-    /**
-     * The x-axes IDs sorted by order they got provided.
-     */
-    xAxisIds: AxisId[];
-    /**
-     * The y-axes IDs sorted by order they got provided.
-     */
-    yAxisIds: AxisId[];
-};
-export type ZoomData = {
-    axisId: AxisId;
-    start: number;
-    end: number;
-};
-export type ZoomFilterMode = 'keep' | 'discard' | 'empty';
-export type ZoomOptions = Record<AxisId, {
-    filterMode: ZoomFilterMode;
-}>;
-export type ZoomAxisFilters = Record<AxisId, ExtremumFilter>;
-export type GetZoomAxisFilters = (params: {
-    currentAxisId: AxisId | undefined;
-    seriesXAxisId?: AxisId;
-    seriesYAxisId?: AxisId;
-    isDefaultAxis: boolean;
-}) => ExtremumFilter;

package/context/CartesianProvider/CartesianContext.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { Initializable } from '../context.types';
-import { CartesianContextState } from './Cartesian.types';
-export declare const CartesianContext: React.Context<Initializable<CartesianContextState>>;

package/context/CartesianProvider/CartesianContext.js

@@ -1,13 +0,0 @@
-import * as React from 'react';
-export const CartesianContext = /*#__PURE__*/React.createContext({
-  isInitialized: false,
-  data: {
-    xAxis: {},
-    yAxis: {},
-    xAxisIds: [],
-    yAxisIds: []
-  }
-});
-if (process.env.NODE_ENV !== 'production') {
-  CartesianContext.displayName = 'CartesianContext';
-}

package/context/CartesianProvider/CartesianProvider.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { CartesianProviderProps } from './Cartesian.types';
-declare function CartesianProvider(props: CartesianProviderProps): React.JSX.Element;
-export { CartesianProvider };

package/context/CartesianProvider/CartesianProvider.js

@@ -1,49 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { computeAxisValue } from "../../internals/computeAxisValue.js";
-import { useDrawingArea } from "../../hooks/useDrawingArea.js";
-import { useSeries } from "../../hooks/useSeries.js";
-import { CartesianContext } from "./CartesianContext.js";
-import { useXExtremumGetter } from "../PluginProvider/useXExtremumGetter.js";
-import { useYExtremumGetter } from "../PluginProvider/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-function CartesianProvider(props) {
-  const {
-    xAxis,
-    yAxis,
-    children
-  } = props;
-  const formattedSeries = useSeries();
-  const drawingArea = useDrawingArea();
-  const xExtremumGetters = useXExtremumGetter();
-  const yExtremumGetters = useYExtremumGetter();
-  const xValues = React.useMemo(() => computeAxisValue({
-    drawingArea,
-    formattedSeries,
-    axis: xAxis,
-    extremumGetters: xExtremumGetters,
-    axisDirection: 'x'
-  }), [drawingArea, formattedSeries, xAxis, xExtremumGetters]);
-  const yValues = React.useMemo(() => computeAxisValue({
-    drawingArea,
-    formattedSeries,
-    axis: yAxis,
-    extremumGetters: yExtremumGetters,
-    axisDirection: 'y'
-  }), [drawingArea, formattedSeries, yAxis, yExtremumGetters]);
-  const value = React.useMemo(() => ({
-    isInitialized: true,
-    data: {
-      xAxis: xValues.axis,
-      yAxis: yValues.axis,
-      xAxisIds: xValues.axisIds,
-      yAxisIds: yValues.axisIds
-    }
-  }), [xValues, yValues]);
-  return /*#__PURE__*/_jsx(CartesianContext.Provider, {
-    value: value,
-    children: children
-  });
-}
-export { CartesianProvider };

package/context/CartesianProvider/defaultizeAxis.d.ts

@@ -1,38 +0,0 @@
-import { MakeOptional } from '@mui/x-internals/types';
-import { AxisConfig, ScaleName } from '../../models';
-import { ChartsAxisProps } from '../../models/axis';
-export declare const defaultizeAxis: (inAxis: MakeOptional<AxisConfig<ScaleName, any, ChartsAxisProps>, "id">[] | undefined, axisName: "x" | "y") => {
-    reverse?: boolean | undefined;
-    fill?: string | undefined;
-    stroke?: string | undefined;
-    data?: any[] | undefined;
-    label?: string | undefined;
-    max?: (number | Date) | undefined;
-    min?: (number | Date) | undefined;
-    valueFormatter?: ((value: any, context: import("../../internals").AxisValueFormatterContext) => string) | undefined;
-    dataKey?: string | undefined;
-    sx?: import("@mui/system").SxProps | undefined;
-    tickMaxStep?: number | undefined;
-    tickMinStep?: number | undefined;
-    tickNumber?: number | undefined;
-    disableLine?: boolean | undefined;
-    disableTicks?: boolean | undefined;
-    tickLabelStyle?: import("../..").ChartsTextStyle | undefined;
-    labelStyle?: import("../..").ChartsTextStyle | undefined;
-    tickLabelInterval?: "auto" | ((value: any, index: number) => boolean) | undefined;
-    tickSize?: number | undefined;
-    classes?: Partial<import("../..").ChartsAxisClasses> | undefined;
-    slots?: Partial<import("../../internals").ChartsAxisSlots> | undefined;
-    slotProps?: Partial<import("../../internals").ChartsAxisSlotProps> | undefined;
-    tickInterval?: "auto" | ((value: any, index: number) => boolean) | any[] | undefined;
-    tickPlacement?: "start" | "end" | "middle" | "extremities" | undefined;
-    tickLabelPlacement?: "middle" | "tick" | undefined;
-    scaleType?: "linear" | "time" | "log" | "band" | "point" | "pow" | "sqrt" | "utc" | undefined;
-    colorMap?: import("../../models/colorMapping").ContinuousColorConfig<number | Date> | import("../../models/colorMapping").PiecewiseColorConfig<number | Date> | import("../../models/colorMapping").OrdinalColorConfig<string | number | Date> | undefined;
-    hideTooltip?: boolean | undefined;
-    domainLimit?: "nice" | "strict" | ((min: number, max: number) => {
-        min: number;
-        max: number;
-    }) | undefined;
-    id: import("../../internals").AxisId;
-}[];

package/context/CartesianProvider/defaultizeAxis.js

@@ -1,13 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { DEFAULT_X_AXIS_KEY, DEFAULT_Y_AXIS_KEY } from "../../constants/index.js";
-export const defaultizeAxis = (inAxis, axisName) => {
-  const DEFAULT_AXIS_KEY = axisName === 'x' ? DEFAULT_X_AXIS_KEY : DEFAULT_Y_AXIS_KEY;
-  return [...(inAxis?.map((axis, index) => _extends({
-    id: `defaultized-${axisName}-axis-${index}`
-  }, axis)) ?? []), ...(inAxis === undefined || inAxis.findIndex(({
-    id
-  }) => id === DEFAULT_AXIS_KEY) === -1 ? [{
-    id: DEFAULT_AXIS_KEY,
-    scaleType: 'linear'
-  }] : [])];
-};

package/context/CartesianProvider/getAxisExtremum.d.ts

@@ -1,5 +0,0 @@
-import { AxisConfig } from '../../models';
-import { FormattedSeries } from '../SeriesProvider';
-import { ExtremumGettersConfig } from '../PluginProvider';
-import { GetZoomAxisFilters } from './Cartesian.types';
-export declare const getAxisExtremum: (axis: AxisConfig, getters: ExtremumGettersConfig, axisIndex: number, formattedSeries: FormattedSeries, getFilters?: GetZoomAxisFilters) => number[];

package/context/CartesianProvider/getAxisExtremum.js

@@ -1,21 +0,0 @@
-const axisExtremumCallback = (acc, chartType, axis, getters, axisIndex, formattedSeries, getFilters) => {
-  const getter = getters[chartType];
-  const series = formattedSeries[chartType]?.series ?? {};
-  const [minChartTypeData, maxChartTypeData] = getter?.({
-    series,
-    axis,
-    axisIndex,
-    isDefaultAxis: axisIndex === 0,
-    getFilters
-  }) ?? [Infinity, -Infinity];
-  const [minData, maxData] = acc;
-  return [Math.min(minChartTypeData, minData), Math.max(maxChartTypeData, maxData)];
-};
-export const getAxisExtremum = (axis, getters, axisIndex, formattedSeries, getFilters) => {
-  const charTypes = Object.keys(getters);
-  const extremums = charTypes.reduce((acc, charType) => axisExtremumCallback(acc, charType, axis, getters, axisIndex, formattedSeries, getFilters), [Infinity, -Infinity]);
-  if (Number.isNaN(extremums[0]) || Number.isNaN(extremums[1])) {
-    return [Infinity, -Infinity];
-  }
-  return extremums;
-};

package/context/CartesianProvider/index.d.ts

@@ -1,4 +0,0 @@
-export * from './CartesianProvider';
-export * from './CartesianContext';
-export * from './useCartesianContext';
-export * from './Cartesian.types';

package/context/CartesianProvider/index.js

@@ -1,4 +0,0 @@
-export * from "./CartesianProvider.js";
-export * from "./CartesianContext.js";
-export * from "./useCartesianContext.js";
-export * from "./Cartesian.types.js";

package/context/CartesianProvider/useCartesianContext.d.ts

@@ -1,2 +0,0 @@
-import { CartesianContextState } from './Cartesian.types';
-export declare const useCartesianContext: () => CartesianContextState;

package/context/CartesianProvider/useCartesianContext.js

@@ -1,10 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { CartesianContext } from "./CartesianContext.js";
-export const useCartesianContext = () => {
-  const {
-    data
-  } = React.useContext(CartesianContext);
-  return data;
-};

package/context/ChartDataProvider/useDefaultizeAxis.d.ts

@@ -1,39 +0,0 @@
-import { MakeOptional } from '@mui/x-internals/types';
-import { AxisConfig, ScaleName } from '../../models';
-import { ChartsAxisProps } from '../../models/axis';
-import { DatasetType } from '../../models/seriesType/config';
-export declare const useDefaultizeAxis: (inXAxis: MakeOptional<AxisConfig<ScaleName, any, ChartsAxisProps>, "id">[] | undefined, inYAxis: MakeOptional<AxisConfig<ScaleName, any, ChartsAxisProps>, "id">[] | undefined, dataset: DatasetType | undefined) => {
-    reverse?: boolean | undefined;
-    fill?: string | undefined;
-    stroke?: string | undefined;
-    data?: any[] | undefined;
-    label?: string | undefined;
-    max?: (number | Date) | undefined;
-    min?: (number | Date) | undefined;
-    valueFormatter?: ((value: any, context: import("../../internals").AxisValueFormatterContext) => string) | undefined;
-    dataKey?: string | undefined;
-    sx?: import("@mui/system").SxProps | undefined;
-    tickMaxStep?: number | undefined;
-    tickMinStep?: number | undefined;
-    tickNumber?: number | undefined;
-    disableLine?: boolean | undefined;
-    disableTicks?: boolean | undefined;
-    tickLabelStyle?: import("../..").ChartsTextStyle | undefined;
-    labelStyle?: import("../..").ChartsTextStyle | undefined;
-    tickLabelInterval?: "auto" | ((value: any, index: number) => boolean) | undefined;
-    tickSize?: number | undefined;
-    classes?: Partial<import("../..").ChartsAxisClasses> | undefined;
-    slots?: Partial<import("../../internals").ChartsAxisSlots> | undefined;
-    slotProps?: Partial<import("../../internals").ChartsAxisSlotProps> | undefined;
-    tickInterval?: "auto" | ((value: any, index: number) => boolean) | any[] | undefined;
-    tickPlacement?: "start" | "end" | "middle" | "extremities" | undefined;
-    tickLabelPlacement?: "middle" | "tick" | undefined;
-    scaleType?: "linear" | "time" | "log" | "band" | "point" | "pow" | "sqrt" | "utc" | undefined;
-    colorMap?: import("../../models/colorMapping").ContinuousColorConfig<number | Date> | import("../../models/colorMapping").PiecewiseColorConfig<number | Date> | import("../../models/colorMapping").OrdinalColorConfig<string | number | Date> | undefined;
-    hideTooltip?: boolean | undefined;
-    domainLimit?: "nice" | "strict" | ((min: number, max: number) => {
-        min: number;
-        max: number;
-    }) | undefined;
-    id: import("../../internals").AxisId;
-}[][];

package/context/DrawingAreaProvider/DrawingArea.types.d.ts

@@ -1,51 +0,0 @@
-import * as React from 'react';
-import { LayoutConfig } from '../../models';
-export interface DrawingAreaProviderProps extends Pick<LayoutConfig, 'margin'> {
-    children: React.ReactNode;
-}
-/**
- * Defines the area in which it is possible to draw the charts.
- */
-export type DrawingAreaState = {
-    /**
-     * The gap between the left border of the SVG and the drawing area.
-     */
-    left: number;
-    /**
-     * The gap between the top border of the SVG and the drawing area.
-     */
-    top: number;
-    /**
-     * The gap between the bottom border of the SVG and the drawing area.
-     */
-    bottom: number;
-    /**
-     * The gap between the right border of the SVG and the drawing area.
-     */
-    right: number;
-    /**
-     * The width of the drawing area.
-     */
-    width: number;
-    /**
-     * The height of the drawing area.
-     */
-    height: number;
-    /**
-     * Checks if a point is inside the drawing area.
-     * @param {Object} point The point to check.
-     * @param {number} point.x The x coordinate of the point.
-     * @param {number} point.y The y coordinate of the point.
-     * @param {Object} options The options of the check.
-     * @param {Element} [options.targetElement] The element to check if it is allowed to overflow the drawing area.
-     * @param {'x' | 'y'} [options.direction] The direction to check.
-     * @returns {boolean} `true` if the point is inside the drawing area, `false` otherwise.
-     */
-    isPointInside: (point: {
-        x: number;
-        y: number;
-    }, options?: {
-        targetElement?: Element;
-        direction?: 'x' | 'y';
-    }) => boolean;
-};

package/context/DrawingAreaProvider/DrawingAreaContext.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { DrawingAreaState } from './DrawingArea.types';
-export declare const DrawingAreaContext: React.Context<DrawingAreaState>;

package/context/DrawingAreaProvider/DrawingAreaContext.js

@@ -1,15 +0,0 @@
-'use client';
-
-import * as React from 'react';
-export const DrawingAreaContext = /*#__PURE__*/React.createContext({
-  top: 0,
-  left: 0,
-  bottom: 0,
-  right: 0,
-  height: 300,
-  width: 400,
-  isPointInside: () => false
-});
-if (process.env.NODE_ENV !== 'production') {
-  DrawingAreaContext.displayName = 'DrawingContext';
-}

package/context/DrawingAreaProvider/DrawingAreaProvider.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { DrawingAreaProviderProps } from './DrawingArea.types';
-export declare function DrawingAreaProvider(props: DrawingAreaProviderProps): React.JSX.Element;