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

package/modern/ChartsLegend/PiecewiseColorLegend.js

@@ -1,267 +0,0 @@
-'use client';
-
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["direction", "classes", "className", "markType", "labelPosition", "axisDirection", "axisId", "labelFormatter", "onItemClick"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { styled } from '@mui/material/styles';
-import clsx from 'clsx';
-import { ChartsLabel } from "../ChartsLabel/ChartsLabel.js";
-import { ChartsLabelMark } from "../ChartsLabel/ChartsLabelMark.js";
-import { consumeThemeProps } from "../internals/consumeThemeProps.js";
-import { piecewiseColorLegendClasses, useUtilityClasses } from "./piecewiseColorLegendClasses.js";
-import { useAxis } from "./useAxis.js";
-import { piecewiseColorDefaultLabelFormatter } from "./piecewiseColorDefaultLabelFormatter.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const RootElement = styled('ul', {
-  name: 'MuiPiecewiseColorLegend',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
-})(({
-  theme,
-  ownerState
-}) => {
-  return _extends({}, theme.typography.caption, {
-    color: (theme.vars || theme).palette.text.primary,
-    lineHeight: '100%',
-    display: 'flex',
-    flexDirection: ownerState.direction === 'vertical' ? 'column' : 'row',
-    flexShrink: 0,
-    gap: theme.spacing(0.5),
-    listStyleType: 'none',
-    paddingInlineStart: 0,
-    marginBlock: theme.spacing(1),
-    marginInline: theme.spacing(1),
-    width: 'max-content',
-    [`button.${piecewiseColorLegendClasses.item}`]: {
-      // Reset button styles
-      background: 'none',
-      border: 'none',
-      padding: 0,
-      cursor: ownerState.onItemClick ? 'pointer' : 'unset',
-      fontFamily: 'inherit',
-      fontWeight: 'inherit',
-      fontSize: 'inherit',
-      letterSpacing: 'inherit',
-      color: 'inherit'
-    },
-    [`.${piecewiseColorLegendClasses.item}`]: {
-      display: 'flex',
-      gap: theme.spacing(0.5)
-    },
-    [`li :not(.${piecewiseColorLegendClasses.minLabel}, .${piecewiseColorLegendClasses.maxLabel}) .${piecewiseColorLegendClasses?.mark}`]: {
-      alignSelf: 'center'
-    },
-    [`&.${piecewiseColorLegendClasses.start}`]: {
-      alignItems: 'end'
-    },
-    [`&.${piecewiseColorLegendClasses.end}`]: {
-      alignItems: 'start'
-    },
-    [`&.${piecewiseColorLegendClasses.horizontal}`]: {
-      alignItems: 'center',
-      [`.${piecewiseColorLegendClasses.item}`]: {
-        flexDirection: 'column'
-      },
-      [`&.${piecewiseColorLegendClasses.start}`]: {
-        alignItems: 'end'
-      },
-      [`&.${piecewiseColorLegendClasses.end}`]: {
-        alignItems: 'start'
-      },
-      [`.${piecewiseColorLegendClasses.minLabel}`]: {
-        alignItems: 'end'
-      },
-      [`&.${piecewiseColorLegendClasses.extremes}`]: {
-        [`.${piecewiseColorLegendClasses.minLabel}, .${piecewiseColorLegendClasses.maxLabel}`]: {
-          alignItems: 'center',
-          display: 'flex',
-          flexDirection: 'row'
-        }
-      }
-    },
-    [`&.${piecewiseColorLegendClasses.vertical}`]: {
-      [`.${piecewiseColorLegendClasses.item}`]: {
-        flexDirection: 'row',
-        alignItems: 'center'
-      },
-      [`&.${piecewiseColorLegendClasses.start}`]: {
-        alignItems: 'end'
-      },
-      [`&.${piecewiseColorLegendClasses.end}`]: {
-        alignItems: 'start'
-      },
-      [`&.${piecewiseColorLegendClasses.extremes}`]: {
-        alignItems: 'center',
-        [`.${piecewiseColorLegendClasses.minLabel}, .${piecewiseColorLegendClasses.maxLabel}`]: {
-          alignItems: 'center',
-          display: 'flex',
-          flexDirection: 'column'
-        }
-      }
-    }
-  });
-});
-const PiecewiseColorLegend = consumeThemeProps('MuiPiecewiseColorLegend', {
-  defaultProps: {
-    direction: 'horizontal',
-    labelPosition: 'extremes',
-    labelFormatter: piecewiseColorDefaultLabelFormatter
-  },
-  classesResolver: useUtilityClasses
-}, function PiecewiseColorLegend(props, ref) {
-  const {
-      direction,
-      classes,
-      className,
-      markType,
-      labelPosition,
-      axisDirection,
-      axisId,
-      labelFormatter,
-      onItemClick
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const isVertical = direction === 'vertical';
-  const isReverse = isVertical;
-  const axisItem = useAxis({
-    axisDirection,
-    axisId
-  });
-  const colorMap = axisItem?.colorMap;
-  if (!colorMap || !colorMap.type || colorMap.type !== 'piecewise') {
-    return null;
-  }
-  const valueFormatter = v => axisItem.valueFormatter?.(v, {
-    location: 'legend'
-  }) ?? v.toLocaleString();
-  const formattedLabels = colorMap.thresholds.map(valueFormatter);
-  const startClass = isReverse ? classes?.maxLabel : classes?.minLabel;
-  const endClass = isReverse ? classes?.minLabel : classes?.maxLabel;
-  const colors = colorMap.colors.map((color, colorIndex) => ({
-    color,
-    colorIndex
-  }));
-  const orderedColors = isReverse ? colors.reverse() : colors;
-  const isStart = labelPosition === 'start';
-  const isEnd = labelPosition === 'end';
-  const isExtremes = labelPosition === 'extremes';
-  return /*#__PURE__*/_jsx(RootElement, _extends({
-    className: clsx(classes?.root, className),
-    ref: ref
-  }, other, {
-    ownerState: props,
-    children: orderedColors.map(({
-      color,
-      colorIndex
-    }, index) => {
-      const isFirst = index === 0;
-      const isLast = index === colorMap.colors.length - 1;
-      const isFirstColor = colorIndex === 0;
-      const isLastColor = colorIndex === colorMap.colors.length - 1;
-      const data = _extends({
-        index: colorIndex,
-        length: formattedLabels.length
-      }, isFirstColor ? {
-        min: null,
-        formattedMin: null
-      } : {
-        min: colorMap.thresholds[colorIndex - 1],
-        formattedMin: formattedLabels[colorIndex - 1]
-      }, isLastColor ? {
-        max: null,
-        formattedMax: null
-      } : {
-        max: colorMap.thresholds[colorIndex],
-        formattedMax: formattedLabels[colorIndex]
-      });
-      const label = labelFormatter?.(data);
-      if (label === null || label === undefined) {
-        return null;
-      }
-      const isTextBefore = isStart || isExtremes && isFirst;
-      const isTextAfter = isEnd || isExtremes && isLast;
-      const clickObject = {
-        type: 'piecewiseColor',
-        color,
-        label,
-        minValue: data.min,
-        maxValue: data.max
-      };
-      const Element = onItemClick ? 'button' : 'div';
-      return /*#__PURE__*/_jsx("li", {
-        children: /*#__PURE__*/_jsxs(Element, {
-          role: onItemClick ? 'button' : undefined,
-          type: onItemClick ? 'button' : undefined,
-          onClick:
-          // @ts-ignore onClick is only attached to a button
-          onItemClick ? event => onItemClick(event, clickObject, index) : undefined,
-          className: clsx(classes?.item, index === 0 && `${startClass}`, index === orderedColors.length - 1 && `${endClass}`),
-          children: [isTextBefore && /*#__PURE__*/_jsx(ChartsLabel, {
-            className: classes?.label,
-            children: label
-          }), /*#__PURE__*/_jsx(ChartsLabelMark, {
-            className: classes?.mark,
-            type: markType,
-            color: color
-          }), isTextAfter && /*#__PURE__*/_jsx(ChartsLabel, {
-            className: classes?.label,
-            children: label
-          })]
-        })
-      }, colorIndex);
-    })
-  }));
-});
-process.env.NODE_ENV !== "production" ? PiecewiseColorLegend.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * The axis direction containing the color configuration to represent.
-   * @default 'z'
-   */
-  axisDirection: PropTypes.oneOf(['x', 'y', 'z']),
-  /**
-   * The id of the axis item with the color configuration to represent.
-   * @default The first axis item.
-   */
-  axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  className: PropTypes.string,
-  /**
-   * The direction of the legend layout.
-   * @default 'horizontal'
-   */
-  direction: PropTypes.oneOf(['horizontal', 'vertical']),
-  /**
-   * Format the legend labels.
-   * @param {PiecewiseLabelFormatterParams} params The bound of the piece to format.
-   * @returns {string|null} The displayed label, `''` to skip the label but show the color mark, or `null` to skip it entirely.
-   */
-  labelFormatter: PropTypes.func,
-  /**
-   * Where to position the labels relative to the gradient.
-   * @default 'extremes'
-   */
-  labelPosition: PropTypes.oneOf(['start', 'end', 'extremes']),
-  /**
-   * The type of the mark.
-   * @default 'square'
-   */
-  markType: PropTypes.oneOf(['square', 'circle', 'line']),
-  /**
-   * Callback fired when a legend item is clicked.
-   * @param {React.MouseEvent<HTMLButtonElement, MouseEvent>} event The click event.
-   * @param {PiecewiseColorLegendItemContext} legendItem The legend item data.
-   * @param {number} index The index of the clicked legend item.
-   */
-  onItemClick: PropTypes.func,
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-} : void 0;
-export { PiecewiseColorLegend };

package/modern/ChartsLegend/chartsLegend.types.d.ts

@@ -1,26 +0,0 @@
-import type { ChartsLegendProps } from './ChartsLegend';
-import { ContinuousColorLegendProps } from "./ContinuousColorLegend.js";
-import { ChartsLegendPosition } from "./legend.types.js";
-import { PiecewiseColorLegendProps } from "./PiecewiseColorLegend.js";
-export interface ChartsLegendSlots {
-  /**
-   * Custom rendering of the legend.
-   * @default ChartsLegend
-   */
-  legend?: React.JSXElementConstructor<ChartsLegendProps> | React.JSXElementConstructor<ContinuousColorLegendProps> | React.JSXElementConstructor<PiecewiseColorLegendProps>;
-}
-export interface ChartsLegendSlotProps {
-  legend?: Partial<ChartsLegendProps | ContinuousColorLegendProps | PiecewiseColorLegendProps> & ChartsLegendPosition;
-}
-export interface ChartsLegendSlotExtension {
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots?: ChartsLegendSlots;
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps?: ChartsLegendSlotProps;
-}

package/modern/ChartsLegend/chartsLegend.types.js

@@ -1 +0,0 @@
-export {};

package/modern/ChartsLegend/chartsLegendClasses.d.ts

@@ -1,18 +0,0 @@
-import type { ChartsLegendProps } from './ChartsLegend';
-import type { ChartsLegendSlotExtension } from './chartsLegend.types';
-export interface ChartsLegendClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to a series element. */
-  series: string;
-  /** Styles applied to series mark element. */
-  mark: string;
-  /** Styles applied to the series label. */
-  label: string;
-  /** Styles applied to the legend in column layout. */
-  vertical: string;
-  /** Styles applied to the legend in row layout. */
-  horizontal: string;
-}
-export declare const useUtilityClasses: (props: ChartsLegendProps & ChartsLegendSlotExtension) => Record<"root" | "label" | "mark" | "series", string>;
-export declare const legendClasses: ChartsLegendClasses;

package/modern/ChartsLegend/chartsLegendClasses.js

@@ -1,20 +0,0 @@
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import composeClasses from '@mui/utils/composeClasses';
-function getLegendUtilityClass(slot) {
-  return generateUtilityClass('MuiChartsLegend', slot);
-}
-export const useUtilityClasses = props => {
-  const {
-    classes,
-    direction
-  } = props;
-  const slots = {
-    root: ['root', direction],
-    mark: ['mark'],
-    label: ['label'],
-    series: ['series']
-  };
-  return composeClasses(slots, getLegendUtilityClass, classes);
-};
-export const legendClasses = generateUtilityClasses('MuiChartsLegend', ['root', 'series', 'mark', 'label', 'vertical', 'horizontal']);

package/modern/ChartsLegend/colorLegend.types.d.ts

@@ -1,13 +0,0 @@
-import { AxisId } from "../models/axis.js";
-export interface ColorLegendSelector {
-  /**
-   * The axis direction containing the color configuration to represent.
-   * @default 'z'
-   */
-  axisDirection?: 'x' | 'y' | 'z';
-  /**
-   * The id of the axis item with the color configuration to represent.
-   * @default The first axis item.
-   */
-  axisId?: AxisId;
-}

package/modern/ChartsLegend/colorLegend.types.js

@@ -1 +0,0 @@
-export {};

package/modern/ChartsLegend/continuousColorLegendClasses.d.ts

@@ -1,26 +0,0 @@
-import type { ContinuousColorLegendProps } from './ContinuousColorLegend';
-import type { ChartsLegendSlotExtension } from './chartsLegend.types';
-export interface ContinuousColorLegendClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the list item that renders the `minLabel`. */
-  minLabel: string;
-  /** Styles applied to the list item that renders the `maxLabel`. */
-  maxLabel: string;
-  /** Styles applied to the list item with the gradient. */
-  gradient: string;
-  /** Styles applied to the legend in column layout. */
-  vertical: string;
-  /** Styles applied to the legend in row layout. */
-  horizontal: string;
-  /** Styles applied to the legend with the labels before the gradient. */
-  start: string;
-  /** Styles applied to the legend with the labels after the gradient. */
-  end: string;
-  /** Styles applied to the legend with the labels on the extremes of the gradient. */
-  extremes: string;
-  /** Styles applied to the series label. */
-  label: string;
-}
-export declare const useUtilityClasses: (props: ContinuousColorLegendProps & ChartsLegendSlotExtension) => Record<"root" | "label" | "mark" | "minLabel" | "maxLabel" | "gradient", string>;
-export declare const continuousColorLegendClasses: ContinuousColorLegendClasses;

package/modern/ChartsLegend/continuousColorLegendClasses.js

@@ -1,23 +0,0 @@
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import composeClasses from '@mui/utils/composeClasses';
-function getLegendUtilityClass(slot) {
-  return generateUtilityClass('MuiContinuousColorLegend', slot);
-}
-export const useUtilityClasses = props => {
-  const {
-    classes,
-    direction,
-    labelPosition
-  } = props;
-  const slots = {
-    root: ['root', direction, labelPosition],
-    minLabel: ['minLabel'],
-    maxLabel: ['maxLabel'],
-    gradient: ['gradient'],
-    mark: ['mark'],
-    label: ['label']
-  };
-  return composeClasses(slots, getLegendUtilityClass, classes);
-};
-export const continuousColorLegendClasses = generateUtilityClasses('MuiContinuousColorLegend', ['root', 'minLabel', 'maxLabel', 'gradient', 'vertical', 'horizontal', 'start', 'end', 'extremes', 'label']);

package/modern/ChartsLegend/direction.d.ts

@@ -1 +0,0 @@
-export type Direction = 'vertical' | 'horizontal';

package/modern/ChartsLegend/direction.js

@@ -1 +0,0 @@
-export {};

package/modern/ChartsLegend/index.d.ts

@@ -1,16 +0,0 @@
-export * from "./ChartsLegend.js";
-export * from "./chartsLegend.types.js";
-export * from "./direction.js";
-export * from "./legendContext.types.js";
-export { legendClasses } from "./chartsLegendClasses.js";
-export type { ChartsLegendClasses } from './chartsLegendClasses';
-export * from "./ContinuousColorLegend.js";
-export * from "./colorLegend.types.js";
-export { continuousColorLegendClasses } from "./continuousColorLegendClasses.js";
-export type { ContinuousColorLegendClasses } from './continuousColorLegendClasses';
-export * from "./PiecewiseColorLegend.js";
-export { piecewiseColorLegendClasses } from "./piecewiseColorLegendClasses.js";
-export type { PiecewiseColorLegendClasses } from './piecewiseColorLegendClasses';
-export { piecewiseColorDefaultLabelFormatter } from "./piecewiseColorDefaultLabelFormatter.js";
-export type { PiecewiseLabelFormatterParams } from './piecewiseColorLegend.types';
-export * from "./legend.types.js";

package/modern/ChartsLegend/index.js

@@ -1,12 +0,0 @@
-export * from "./ChartsLegend.js";
-export * from "./chartsLegend.types.js";
-export * from "./direction.js";
-export * from "./legendContext.types.js";
-export { legendClasses } from "./chartsLegendClasses.js";
-export * from "./ContinuousColorLegend.js";
-export * from "./colorLegend.types.js";
-export { continuousColorLegendClasses } from "./continuousColorLegendClasses.js";
-export * from "./PiecewiseColorLegend.js";
-export { piecewiseColorLegendClasses } from "./piecewiseColorLegendClasses.js";
-export { piecewiseColorDefaultLabelFormatter } from "./piecewiseColorDefaultLabelFormatter.js";
-export * from "./legend.types.js";

package/modern/ChartsLegend/legend.types.d.ts

@@ -1,9 +0,0 @@
-import { Position } from "../models/position.js";
-export type ChartsLegendPosition = {
-  /**
-   * The position of the legend in relation to the chart.
-   * This property is only passed to the Chart components, e.g. `ScatterChart`, and not the slots themselves.
-   * If customization is needed, simply use the composition pattern.
-   */
-  position?: Position;
-};

package/modern/ChartsLegend/legend.types.js

@@ -1 +0,0 @@
-export {};

package/modern/ChartsLegend/legendContext.types.d.ts

@@ -1,55 +0,0 @@
-import { ChartsLabelMarkProps } from "../ChartsLabel/ChartsLabelMark.js";
-import { PieItemId } from "../models/index.js";
-import { SeriesId } from "../models/seriesType/common.js";
-interface LegendItemContextBase {
-  /**
-   * The color used in the legend
-   */
-  color: string;
-  /**
-   * The label displayed in the legend
-   */
-  label: string;
-}
-export interface LegendItemParams extends Partial<Omit<SeriesLegendItemContext, 'type' | keyof LegendItemContextBase>>, Partial<Omit<PiecewiseColorLegendItemContext, 'type' | keyof LegendItemContextBase>>, LegendItemContextBase {
-  /**
-   * The identifier of the legend element.
-   * Used for internal purpose such as `key` props
-   */
-  id: number | string;
-  markType: ChartsLabelMarkProps['type'];
-}
-export interface SeriesLegendItemContext extends LegendItemContextBase {
-  /**
-   * The type of the legend item
-   * - `series` is used for series legend item
-   * - `piecewiseColor` is used for piecewise color legend item
-   */
-  type: 'series';
-  /**
-   * The identifier of the series
-   */
-  seriesId: SeriesId;
-  /**
-   * The identifier of the pie item
-   */
-  itemId?: PieItemId;
-}
-export interface PiecewiseColorLegendItemContext extends LegendItemContextBase {
-  /**
-   * The type of the legend item
-   * - `series` is used for series legend item
-   * - `piecewiseColor` is used for piecewise color legend item
-   */
-  type: 'piecewiseColor';
-  /**
-   * The minimum value of the category
-   */
-  minValue: number | Date | null;
-  /**
-   * The maximum value of the category
-   */
-  maxValue: number | Date | null;
-}
-export type LegendItemContext = SeriesLegendItemContext | PiecewiseColorLegendItemContext;
-export {};

package/modern/ChartsLegend/legendContext.types.js

@@ -1 +0,0 @@
-export {};

package/modern/ChartsLegend/onClickContextBuilder.d.ts

@@ -1,2 +0,0 @@
-import { LegendItemParams, SeriesLegendItemContext } from "./legendContext.types.js";
-export declare const seriesContextBuilder: (context: LegendItemParams) => SeriesLegendItemContext;

package/modern/ChartsLegend/onClickContextBuilder.js

@@ -1,7 +0,0 @@
-export const seriesContextBuilder = context => ({
-  type: 'series',
-  color: context.color,
-  label: context.label,
-  seriesId: context.seriesId,
-  itemId: context.itemId
-});

package/modern/ChartsLegend/piecewiseColorDefaultLabelFormatter.d.ts

@@ -1,2 +0,0 @@
-import { PiecewiseLabelFormatterParams } from "./piecewiseColorLegend.types.js";
-export declare function piecewiseColorDefaultLabelFormatter(params: PiecewiseLabelFormatterParams): string;

package/modern/ChartsLegend/piecewiseColorDefaultLabelFormatter.js

@@ -1,9 +0,0 @@
-export function piecewiseColorDefaultLabelFormatter(params) {
-  if (params.min === null) {
-    return `<${params.formattedMax}`;
-  }
-  if (params.max === null) {
-    return `>${params.formattedMin}`;
-  }
-  return `${params.formattedMin}-${params.formattedMax}`;
-}

package/modern/ChartsLegend/piecewiseColorLegend.types.d.ts

@@ -1,26 +0,0 @@
-export type PiecewiseLabelFormatterParams = {
-  /**
-   * The index of the entry.
-   */
-  index: number;
-  /**
-   * The length of the entries array.
-   */
-  length: number;
-  /**
-   * The min value of the piece. `null` is infinite.
-   */
-  min: number | Date | null;
-  /**
-   * The max value of the piece. `null` is infinite.
-   */
-  max: number | Date | null;
-  /**
-   * The formatted min value of the piece. `null` is infinite.
-   */
-  formattedMin: string | null;
-  /**
-   * The formatted max value of the piece. `null` is infinite.
-   */
-  formattedMax: string | null;
-};

package/modern/ChartsLegend/piecewiseColorLegend.types.js

@@ -1 +0,0 @@
-export {};

package/modern/ChartsLegend/piecewiseColorLegendClasses.d.ts

@@ -1,28 +0,0 @@
-import type { PiecewiseColorLegendProps } from './PiecewiseColorLegend';
-import type { ChartsLegendSlotExtension } from './chartsLegend.types';
-export interface PiecewiseColorLegendClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the list item that renders the `minLabel`. */
-  minLabel: string;
-  /** Styles applied to the list item that renders the `maxLabel`. */
-  maxLabel: string;
-  /** Styles applied to the list items. */
-  item: string;
-  /** Styles applied to the legend in column layout. */
-  vertical: string;
-  /** Styles applied to the legend in row layout. */
-  horizontal: string;
-  /** Styles applied to the legend with the labels before the color marks. */
-  start: string;
-  /** Styles applied to the legend with the labels after the color marks. */
-  end: string;
-  /** Styles applied to the legend with the labels on the extremes of the color marks. */
-  extremes: string;
-  /** Styles applied to the marks. */
-  mark: string;
-  /** Styles applied to the series label. */
-  label: string;
-}
-export declare const useUtilityClasses: (props: PiecewiseColorLegendProps & ChartsLegendSlotExtension) => Record<"root" | "label" | "mark" | "item" | "minLabel" | "maxLabel", string>;
-export declare const piecewiseColorLegendClasses: PiecewiseColorLegendClasses;

package/modern/ChartsLegend/piecewiseColorLegendClasses.js

@@ -1,23 +0,0 @@
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import composeClasses from '@mui/utils/composeClasses';
-function getLegendUtilityClass(slot) {
-  return generateUtilityClass('MuiPiecewiseColorLegendClasses', slot);
-}
-export const useUtilityClasses = props => {
-  const {
-    classes,
-    direction,
-    labelPosition
-  } = props;
-  const slots = {
-    root: ['root', direction, labelPosition],
-    minLabel: ['minLabel'],
-    maxLabel: ['maxLabel'],
-    item: ['item'],
-    mark: ['mark'],
-    label: ['label']
-  };
-  return composeClasses(slots, getLegendUtilityClass, classes);
-};
-export const piecewiseColorLegendClasses = generateUtilityClasses('MuiPiecewiseColorLegendClasses', ['root', 'minLabel', 'maxLabel', 'item', 'vertical', 'horizontal', 'start', 'end', 'extremes', 'mark', 'label']);

package/modern/ChartsLegend/useAxis.d.ts

@@ -1,10 +0,0 @@
-import { AxisDefaultized } from "../models/axis.js";
-import { ZAxisDefaultized } from "../models/z-axis.js";
-import { ColorLegendSelector } from "./colorLegend.types.js";
-/**
- * Helper to select an axis definition according to its direction and id.
- */
-export declare function useAxis({
-  axisDirection,
-  axisId
-}: ColorLegendSelector): ZAxisDefaultized | AxisDefaultized;