@mui/x-charts-premium 9.0.2 → 9.0.4

package/RadialBarChart/seriesConfig/tooltip.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _internals = require("@mui/x-charts/internals");
+const tooltipGetter = params => {
+  const {
+    series,
+    getColor,
+    identifier
+  } = params;
+  if (!identifier || identifier.dataIndex === undefined) {
+    return null;
+  }
+  const label = (0, _internals.getLabel)(series.label, 'tooltip');
+  const value = series.data[identifier.dataIndex];
+  if (value == null) {
+    return null;
+  }
+  const formattedValue = series.valueFormatter(value, {
+    dataIndex: identifier.dataIndex
+  });
+  return {
+    identifier,
+    color: getColor(identifier.dataIndex),
+    label,
+    value,
+    formattedValue,
+    markType: series.labelMarkType
+  };
+};
+var _default = exports.default = tooltipGetter;

package/RadialBarChart/seriesConfig/tooltip.mjs

@@ -0,0 +1,28 @@
+import { getLabel } from '@mui/x-charts/internals';
+const tooltipGetter = params => {
+  const {
+    series,
+    getColor,
+    identifier
+  } = params;
+  if (!identifier || identifier.dataIndex === undefined) {
+    return null;
+  }
+  const label = getLabel(series.label, 'tooltip');
+  const value = series.data[identifier.dataIndex];
+  if (value == null) {
+    return null;
+  }
+  const formattedValue = series.valueFormatter(value, {
+    dataIndex: identifier.dataIndex
+  });
+  return {
+    identifier,
+    color: getColor(identifier.dataIndex),
+    label,
+    value,
+    formattedValue,
+    markType: series.labelMarkType
+  };
+};
+export default tooltipGetter;

package/RadialBarChart/seriesConfig/tooltipPosition.d.mts

@@ -0,0 +1,3 @@
+import type { TooltipItemPositionGetter } from '@mui/x-charts/internals';
+declare const tooltipItemPositionGetter: TooltipItemPositionGetter<'radialBar'>;
+export default tooltipItemPositionGetter;

package/RadialBarChart/seriesConfig/tooltipPosition.d.ts

@@ -0,0 +1,3 @@
+import type { TooltipItemPositionGetter } from '@mui/x-charts/internals';
+declare const tooltipItemPositionGetter: TooltipItemPositionGetter<'radialBar'>;
+export default tooltipItemPositionGetter;

package/RadialBarChart/seriesConfig/tooltipPosition.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const tooltipItemPositionGetter = () => {
+  // Todo: to implement
+  return null;
+};
+var _default = exports.default = tooltipItemPositionGetter;

package/RadialBarChart/seriesConfig/tooltipPosition.mjs

@@ -0,0 +1,5 @@
+const tooltipItemPositionGetter = () => {
+  // Todo: to implement
+  return null;
+};
+export default tooltipItemPositionGetter;

package/RadialLineChart/RadialArea.d.mts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import type { CurveType, SeriesId } from '@mui/x-charts/models';
+import { type RadialLinePoint } from "./useRadialLinePlotData.mjs";
+export interface RadialAreaProps extends Omit<React.SVGProps<SVGPathElement>, 'ref' | 'points'> {
+  seriesId: SeriesId;
+  color: string;
+  hidden?: boolean;
+  curve?: CurveType;
+  points: RadialLinePoint[];
+}
+declare function RadialArea(props: RadialAreaProps): import("react/jsx-runtime").JSX.Element;
+export { RadialArea };

package/RadialLineChart/RadialArea.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import type { CurveType, SeriesId } from '@mui/x-charts/models';
+import { type RadialLinePoint } from "./useRadialLinePlotData.js";
+export interface RadialAreaProps extends Omit<React.SVGProps<SVGPathElement>, 'ref' | 'points'> {
+  seriesId: SeriesId;
+  color: string;
+  hidden?: boolean;
+  curve?: CurveType;
+  points: RadialLinePoint[];
+}
+declare function RadialArea(props: RadialAreaProps): import("react/jsx-runtime").JSX.Element;
+export { RadialArea };

package/RadialLineChart/RadialArea.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RadialArea = RadialArea;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
+var _internals = require("@mui/x-charts/internals");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["seriesId", "color", "hidden", "curve", "points"];
+function RadialArea(props) {
+  const {
+      seriesId,
+      color,
+      hidden,
+      curve,
+      points
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const d = (0, _d3Shape.areaRadial)().angle(p => p.angle).innerRadius(p => p.baseRadius).outerRadius(p => p.radius).curve((0, _internals.getCurveFactory)(curve))(points) || '';
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("path", (0, _extends2.default)({
+    "data-series": seriesId,
+    d: d,
+    fill: color,
+    stroke: "none",
+    opacity: hidden ? 0 : 1
+  }, other));
+}

package/RadialLineChart/RadialArea.mjs

@@ -0,0 +1,26 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["seriesId", "color", "hidden", "curve", "points"];
+import * as React from 'react';
+import { areaRadial as d3AreaRadial } from '@mui/x-charts-vendor/d3-shape';
+import { getCurveFactory } from '@mui/x-charts/internals';
+import { jsx as _jsx } from "react/jsx-runtime";
+function RadialArea(props) {
+  const {
+      seriesId,
+      color,
+      hidden,
+      curve,
+      points
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const d = d3AreaRadial().angle(p => p.angle).innerRadius(p => p.baseRadius).outerRadius(p => p.radius).curve(getCurveFactory(curve))(points) || '';
+  return /*#__PURE__*/_jsx("path", _extends({
+    "data-series": seriesId,
+    d: d,
+    fill: color,
+    stroke: "none",
+    opacity: hidden ? 0 : 1
+  }, other));
+}
+export { RadialArea };

package/RadialLineChart/RadialAreaPlot.d.mts

@@ -0,0 +1,5 @@
+import { type RadialLineClasses } from "./radialLineClasses.mjs";
+export interface RadialAreaPlotProps {
+  classes?: Partial<Pick<RadialLineClasses, 'area' | 'areaPlot'>>;
+}
+export declare function RadialAreaPlot(props: RadialAreaPlotProps): import("react/jsx-runtime").JSX.Element;

package/RadialLineChart/RadialAreaPlot.d.ts

@@ -0,0 +1,5 @@
+import { type RadialLineClasses } from "./radialLineClasses.js";
+export interface RadialAreaPlotProps {
+  classes?: Partial<Pick<RadialLineClasses, 'area' | 'areaPlot'>>;
+}
+export declare function RadialAreaPlot(props: RadialAreaPlotProps): import("react/jsx-runtime").JSX.Element;

package/RadialLineChart/RadialAreaPlot.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RadialAreaPlot = RadialAreaPlot;
+var _styles = require("@mui/material/styles");
+var _internals = require("@mui/x-charts/internals");
+var _useRadialLinePlotData = require("./useRadialLinePlotData");
+var _radialLineClasses = require("./radialLineClasses");
+var _RadialArea = require("./RadialArea");
+var _jsxRuntime = require("react/jsx-runtime");
+const RadialAreaPlotRoot = (0, _styles.styled)('g', {
+  name: 'MuiRadialAreaPlot',
+  slot: 'Root'
+})();
+function RadialAreaPlot(props) {
+  const {
+    classes: inClasses
+  } = props;
+  const completedData = (0, _useRadialLinePlotData.useRadialLinePlotData)();
+  const {
+    store
+  } = (0, _internals.useChartsContext)();
+  const {
+    cx,
+    cy
+  } = store.use(_internals.selectorChartPolarCenter);
+  const classes = (0, _radialLineClasses.useUtilityClasses)({
+    classes: inClasses
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RadialAreaPlotRoot, {
+    className: classes.areaPlot,
+    transform: `translate(${cx} ${cy})`,
+    children: completedData.map(({
+      seriesId,
+      color,
+      hidden,
+      area,
+      curve,
+      points
+    }) => area && /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadialArea.RadialArea, {
+      seriesId: seriesId,
+      color: color,
+      hidden: hidden,
+      curve: curve,
+      points: points,
+      className: classes.area
+    }, seriesId))
+  });
+}

package/RadialLineChart/RadialAreaPlot.mjs

@@ -0,0 +1,45 @@
+import { styled } from '@mui/material/styles';
+import { selectorChartPolarCenter, useChartsContext } from '@mui/x-charts/internals';
+import { useRadialLinePlotData } from "./useRadialLinePlotData.mjs";
+import { useUtilityClasses } from "./radialLineClasses.mjs";
+import { RadialArea } from "./RadialArea.mjs";
+import { jsx as _jsx } from "react/jsx-runtime";
+const RadialAreaPlotRoot = styled('g', {
+  name: 'MuiRadialAreaPlot',
+  slot: 'Root'
+})();
+export function RadialAreaPlot(props) {
+  const {
+    classes: inClasses
+  } = props;
+  const completedData = useRadialLinePlotData();
+  const {
+    store
+  } = useChartsContext();
+  const {
+    cx,
+    cy
+  } = store.use(selectorChartPolarCenter);
+  const classes = useUtilityClasses({
+    classes: inClasses
+  });
+  return /*#__PURE__*/_jsx(RadialAreaPlotRoot, {
+    className: classes.areaPlot,
+    transform: `translate(${cx} ${cy})`,
+    children: completedData.map(({
+      seriesId,
+      color,
+      hidden,
+      area,
+      curve,
+      points
+    }) => area && /*#__PURE__*/_jsx(RadialArea, {
+      seriesId: seriesId,
+      color: color,
+      hidden: hidden,
+      curve: curve,
+      points: points,
+      className: classes.area
+    }, seriesId))
+  });
+}

package/RadialLineChart/RadialLine.d.mts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { type CurveType, type SeriesId } from '@mui/x-charts/models';
+import { type RadialLinePoint } from "./useRadialLinePlotData.mjs";
+export interface RadialLineProps extends Omit<React.SVGProps<SVGPathElement>, 'ref' | 'points'> {
+  seriesId: SeriesId;
+  color: string;
+  hidden?: boolean;
+  points: RadialLinePoint[];
+  curve?: CurveType;
+}
+declare function RadialLine(props: RadialLineProps): import("react/jsx-runtime").JSX.Element;
+export { RadialLine };

package/RadialLineChart/RadialLine.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { type CurveType, type SeriesId } from '@mui/x-charts/models';
+import { type RadialLinePoint } from "./useRadialLinePlotData.js";
+export interface RadialLineProps extends Omit<React.SVGProps<SVGPathElement>, 'ref' | 'points'> {
+  seriesId: SeriesId;
+  color: string;
+  hidden?: boolean;
+  points: RadialLinePoint[];
+  curve?: CurveType;
+}
+declare function RadialLine(props: RadialLineProps): import("react/jsx-runtime").JSX.Element;
+export { RadialLine };

package/RadialLineChart/RadialLine.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RadialLine = RadialLine;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
+var _internals = require("@mui/x-charts/internals");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["seriesId", "color", "hidden", "points", "curve"];
+function RadialLine(props) {
+  const {
+      seriesId,
+      color,
+      hidden,
+      points,
+      curve
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const d = (0, _d3Shape.lineRadial)().angle(p => p.angle).radius(p => p.radius).curve((0, _internals.getCurveFactory)(curve))(points) || '';
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("path", (0, _extends2.default)({
+    "data-series": seriesId,
+    d: d,
+    stroke: color,
+    fill: "none",
+    opacity: hidden ? 0 : 1
+  }, other));
+}

package/RadialLineChart/RadialLine.mjs

@@ -0,0 +1,26 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["seriesId", "color", "hidden", "points", "curve"];
+import * as React from 'react';
+import { lineRadial as d3LineRadial } from '@mui/x-charts-vendor/d3-shape';
+import { getCurveFactory } from '@mui/x-charts/internals';
+import { jsx as _jsx } from "react/jsx-runtime";
+function RadialLine(props) {
+  const {
+      seriesId,
+      color,
+      hidden,
+      points,
+      curve
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const d = d3LineRadial().angle(p => p.angle).radius(p => p.radius).curve(getCurveFactory(curve))(points) || '';
+  return /*#__PURE__*/_jsx("path", _extends({
+    "data-series": seriesId,
+    d: d,
+    stroke: color,
+    fill: "none",
+    opacity: hidden ? 0 : 1
+  }, other));
+}
+export { RadialLine };

package/RadialLineChart/RadialLineChart.d.mts

@@ -0,0 +1,62 @@
+import * as React from 'react';
+import { type ChartsSlots, type ChartsSlotProps } from '@mui/x-charts/internals';
+import { type ChartsRadialGridProps } from '@mui/x-charts/ChartsRadialGrid';
+import { type ChartsLegendSlots, type ChartsLegendSlotProps } from "../ChartsLegend/index.mjs";
+import { type ChartsTooltipSlots, type ChartsTooltipSlotProps } from "../ChartsTooltip/index.mjs";
+import { type RadialLineChartPluginSignatures } from "./RadialLineChart.plugins.mjs";
+import { type ChartsOverlayProps, type ChartsOverlaySlots, type ChartsOverlaySlotProps } from "../ChartsOverlay/index.mjs";
+import type { LinePlotSlots, LinePlotSlotProps, LineSeries } from "../LineChart/index.mjs";
+import { type ChartsToolbarSlots, type ChartsToolbarSlotProps } from "../Toolbar/index.mjs";
+import { type ChartsRadialDataProviderPremiumProps } from "../ChartsRadialDataProviderPremium/index.mjs";
+export interface RadialLineChartSlots extends LinePlotSlots, ChartsLegendSlots, ChartsOverlaySlots, ChartsTooltipSlots, ChartsToolbarSlots, Partial<ChartsSlots> {}
+export interface RadialLineChartSlotProps extends LinePlotSlotProps, ChartsLegendSlotProps, ChartsOverlaySlotProps, ChartsTooltipSlotProps, ChartsToolbarSlotProps, Partial<ChartsSlotProps> {}
+export interface RadialLineChartProps extends Omit<ChartsRadialDataProviderPremiumProps<'radialLine', RadialLineChartPluginSignatures>, 'series' | 'plugins' | 'zAxis' | 'slots' | 'slotProps'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'> {
+  /**
+   * The series to display in the line chart.
+   * An array of [[LineSeries]] objects.
+   */
+  series: Readonly<LineSeries[]>;
+  /**
+   * Option to display a cartesian grid in the background.
+   */
+  grid?: Pick<ChartsRadialGridProps, 'radius' | 'rotation'>;
+  /**
+   * If `true`, the legend is not rendered.
+   */
+  hideLegend?: boolean;
+  /**
+   * If `true`, render the line highlight item.
+   */
+  disableLineItemHighlight?: boolean;
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots?: RadialLineChartSlots;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: RadialLineChartSlotProps;
+  /**
+   * If `true`, animations are skipped.
+   * @default false
+   */
+  skipAnimation?: boolean;
+  /**
+   * If true, shows the default chart toolbar.
+   * @default false
+   */
+  showToolbar?: boolean;
+}
+/**
+ * Demos:
+ *
+ * - [Line demonstration](https://mui.com/x/react-charts/radial-line/)
+ *
+ * API:
+ *
+ * - [RadialLineChart API](https://mui.com/x/api/charts/radial-line-chart/)
+ */
+declare const RadialLineChart: React.ForwardRefExoticComponent<RadialLineChartProps & React.RefAttributes<HTMLDivElement>>;
+export { RadialLineChart as Unstable_RadialLineChart };

package/RadialLineChart/RadialLineChart.d.ts

@@ -0,0 +1,62 @@
+import * as React from 'react';
+import { type ChartsSlots, type ChartsSlotProps } from '@mui/x-charts/internals';
+import { type ChartsRadialGridProps } from '@mui/x-charts/ChartsRadialGrid';
+import { type ChartsLegendSlots, type ChartsLegendSlotProps } from "../ChartsLegend/index.js";
+import { type ChartsTooltipSlots, type ChartsTooltipSlotProps } from "../ChartsTooltip/index.js";
+import { type RadialLineChartPluginSignatures } from "./RadialLineChart.plugins.js";
+import { type ChartsOverlayProps, type ChartsOverlaySlots, type ChartsOverlaySlotProps } from "../ChartsOverlay/index.js";
+import type { LinePlotSlots, LinePlotSlotProps, LineSeries } from "../LineChart/index.js";
+import { type ChartsToolbarSlots, type ChartsToolbarSlotProps } from "../Toolbar/index.js";
+import { type ChartsRadialDataProviderPremiumProps } from "../ChartsRadialDataProviderPremium/index.js";
+export interface RadialLineChartSlots extends LinePlotSlots, ChartsLegendSlots, ChartsOverlaySlots, ChartsTooltipSlots, ChartsToolbarSlots, Partial<ChartsSlots> {}
+export interface RadialLineChartSlotProps extends LinePlotSlotProps, ChartsLegendSlotProps, ChartsOverlaySlotProps, ChartsTooltipSlotProps, ChartsToolbarSlotProps, Partial<ChartsSlotProps> {}
+export interface RadialLineChartProps extends Omit<ChartsRadialDataProviderPremiumProps<'radialLine', RadialLineChartPluginSignatures>, 'series' | 'plugins' | 'zAxis' | 'slots' | 'slotProps'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'> {
+  /**
+   * The series to display in the line chart.
+   * An array of [[LineSeries]] objects.
+   */
+  series: Readonly<LineSeries[]>;
+  /**
+   * Option to display a cartesian grid in the background.
+   */
+  grid?: Pick<ChartsRadialGridProps, 'radius' | 'rotation'>;
+  /**
+   * If `true`, the legend is not rendered.
+   */
+  hideLegend?: boolean;
+  /**
+   * If `true`, render the line highlight item.
+   */
+  disableLineItemHighlight?: boolean;
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots?: RadialLineChartSlots;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: RadialLineChartSlotProps;
+  /**
+   * If `true`, animations are skipped.
+   * @default false
+   */
+  skipAnimation?: boolean;
+  /**
+   * If true, shows the default chart toolbar.
+   * @default false
+   */
+  showToolbar?: boolean;
+}
+/**
+ * Demos:
+ *
+ * - [Line demonstration](https://mui.com/x/react-charts/radial-line/)
+ *
+ * API:
+ *
+ * - [RadialLineChart API](https://mui.com/x/api/charts/radial-line-chart/)
+ */
+declare const RadialLineChart: React.ForwardRefExoticComponent<RadialLineChartProps & React.RefAttributes<HTMLDivElement>>;
+export { RadialLineChart as Unstable_RadialLineChart };