@mui/x-charts 6.0.0-alpha.0 → 6.0.0-alpha.2

package/BarChart/BarChart.js

@@ -51,7 +51,9 @@ function BarChart(props) {
     xAxis: xAxis ?? [{
       id: _constants.DEFAULT_X_AXIS_KEY,
       scaleType: 'band',
-      data: [...new Array(Math.max(...series.map(s => s.data.length)))].map((_, index) => index)
+      data: Array.from({
+        length: Math.max(...series.map(s => s.data.length))
+      }, (_, index) => index)
     }],
     yAxis: yAxis,
     colors: colors,
@@ -82,7 +84,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
     y: _propTypes.default.oneOf(['line', 'none'])
   }),
   /**
-   * Indicate which axis to display the the bottom of the charts.
+   * Indicate which axis to display the bottom of the charts.
    * Can be a string (the id of the axis) or an object `ChartsXAxisProps`
    * @default xAxisIds[0] The id of the first provided axis
    */
@@ -109,7 +111,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
   disableAxisListener: _propTypes.default.bool,
   height: _propTypes.default.number,
   /**
-   * Indicate which axis to display the the left of the charts.
+   * Indicate which axis to display the left of the charts.
    * Can be a string (the id of the axis) or an object `ChartsYAxisProps`
    * @default yAxisIds[0] The id of the first provided axis
    */
@@ -129,6 +131,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
   legend: _propTypes.default.shape({
     classes: _propTypes.default.object,
     direction: _propTypes.default.oneOf(['column', 'row']),
+    hidden: _propTypes.default.bool,
     itemWidth: _propTypes.default.number,
     markSize: _propTypes.default.number,
     offset: _propTypes.default.shape({
@@ -148,7 +151,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
     top: _propTypes.default.number
   }),
   /**
-   * Indicate which axis to display the the right of the charts.
+   * Indicate which axis to display the right of the charts.
    * Can be a string (the id of the axis) or an object `ChartsYAxisProps`
    * @default null
    */
@@ -191,7 +194,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
     trigger: _propTypes.default.oneOf(['axis', 'item', 'none'])
   }),
   /**
-   * Indicate which axis to display the the top of the charts.
+   * Indicate which axis to display the top of the charts.
    * Can be a string (the id of the axis) or an object `ChartsXAxisProps`
    * @default null
    */

package/BarChart/legend.d.ts

@@ -0,0 +1,3 @@
+import { LegendGetter } from '../models/seriesType/config';
+declare const legendGetter: LegendGetter<'bar'>;
+export default legendGetter;

package/BarChart/legend.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const legendGetter = params => {
+  const {
+    seriesOrder,
+    series
+  } = params;
+  const data = seriesOrder.map(seriesId => ({
+    color: series[seriesId].color,
+    label: series[seriesId].label,
+    id: seriesId
+  }));
+  return data.filter(item => item.label !== undefined);
+};
+var _default = legendGetter;
+exports.default = _default;

package/CHANGELOG.md

@@ -3,23 +3,151 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.9.2
+
+_Jul 6, 2023_
+
+We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
+
+- 🚀 Auto-scroll when making range selection (#8661) @m4theushw
+
+- 📚 New page: Components lifecycle (#8372) @flaviendelangle
+
+  Clarify pickers events and value updates in a [single docs page](https://mui.com/x/react-date-pickers/lifecycle/).
+
+- 🥧 Add pie chart component
+
+  They are fresh from the code editor. You can visit [pie charts docs](https://mui.com/x/react-charts/pie/) or their [demo page](https://mui.com/x/react-charts/pie-demo/).
+
+  <img width="380" alt="pie-charts" src="https://github.com/mui/mui-x/assets/13808724/fe908c45-803c-4316-b913-dbd2f9f0551e">
+
+- 🐞 Bugfixes
+
+- 📚 Documentation improvements
+
+### `@mui/x-data-grid@v6.9.2` / `@mui/x-data-grid-pro@v6.9.2` / `@mui/x-data-grid-premium@v6.9.2`
+
+#### Changes
+
+- [DataGrid] Fix `RangeError` when using flex columns (#9554) @cherniavskii
+- [DataGrid] Fix React 17 editing bug (#9530) @romgrk
+- [DataGrid] Use `getRowId` in filtering (#9564) @romgrk
+- [DataGrid] Correctly reflect `TablePagination`'s `rowsPerPageOptions` shape to `pageSizeOptions` (#9438) @burakkgunduzz
+- [DataGridPremium] Auto-scroll when making range selection (#8661) @m4theushw
+- [l10n] Improve Spanish (es-ES) locale (#9500) @fufex
+
+### `@mui/x-date-pickers@v6.9.2` / `@mui/x-date-pickers-pro@v6.9.2`
+
+#### Changes
+
+- [pickers] Forward digital clock classes (#9555) @YoonjiJang
+- [pickers] Rename `internal` folder to `internals` on `@mui/x-date-picker-pro` (#9571) @flaviendelangle
+
+### `@mui/x-charts@6.0.0-alpha.2`
+
+#### Changes
+
+- [charts] Add pie chart component (#9395) @alexfauquette
+
+### Docs
+
+- [docs] Add pickers playground (#9164) @LukasTy
+- [docs] Fix API links for pickers (#9573) @alexfauquette
+- [docs] Fix demos with `ToggleButtonGroup` (#9548) @flaviendelangle
+- [docs] Fix typos in pagination documentation page (#9332) @RatherBeLunar
+- [docs] Hide ads on paid content @oliviertassinari
+- [docs] Move the charts in the sidebar (#9437) @flaviendelangle
+- [docs] New page: Components lifecycle (#8372) @flaviendelangle
+- [docs] Remove outdated header tag @oliviertassinari
+
+### Core
+
+- [core] Fix typo in priority support @oliviertassinari
+- [core] Remove mention of Crowdin @oliviertassinari
+
+## 6.9.1
+
+_Jun 30, 2023_
+
+We'd like to offer a big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
+
+- 🔎 Add experimental API for faster filtering performance
+- 🌍 Add Chinese (Hong Kong) (zh-HK) locale on the pickers
+- 🌍 Improve Romanian (ro-RO) and Hungarian (hu-HU) translations on the pickers and the data grid
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### `@mui/x-data-grid@v6.9.1` / `@mui/x-data-grid-pro@v6.9.1` / `@mui/x-data-grid-premium@v6.9.1`
+
+#### Changes
+
+- [DataGrid] Add Joy UI `tooltip` and `loadingOverlay` slots (#9028) @cherniavskii
+- [DataGrid] Add section about enabling pagination on Pro and Premium (#8759) @joserodolfofreitas
+- [DataGrid] Don't forward `editCellState` prop to DOM element (#9501) @m4theushw
+- [DataGrid] Add experimental API for faster filtering performance (#9254) @romgrk
+- [DataGrid] Fix `nextFieldToFocus` to always be a visible column field when <kbd>Tab</kbd> key is pressed (#8314) @yaredtsy
+- [DataGrid] Fix `Maximum call stack size exceeded` error when using fractional width (#9516) @cherniavskii
+- [DataGridPro] Don't throw error in column pinning (#9507) @romgrk
+- [DataGridPro] Fix bug with `checkboxSelection` and treeData/grouping (#9418) @romgrk
+- [l10n] Improve Romanian (ro-RO) and Hungarian (hu-HU) translations (#9436) @noraleonte
+
+### `@mui/x-date-pickers@v6.9.1` / `@mui/x-date-pickers-pro@v6.9.1`
+
+#### Changes
+
+- [DateTimePicker] Scroll to Digital Clock section only when selection changes (#9434) @LukasTy
+- [pickers] Handle `keyDown` only when input is focused (#9481) @LukasTy
+- [pickers] Add `referenceDate` prop on `TimeClock`, `DigitalClock` and `MultiSectionDigitalClock` (#9356) @flaviendelangle
+- [l10n] Add Chinese (Hong Kong) (zh-HK) locale (#9468) @samchiu90
+- [l10n] Improve Romanian (ro-RO) translations (#9436) @noraleonte
+
+### `@mui/x-charts@6.0.0-alpha.1`
+
+#### Changes
+
+- [charts] Take responsive container from data grid (#9497) @alexfauquette
+- [charts] Update README.md (#9426) @alexfauquette
+- [charts] Fix typo and small refactor (#9526) @flaviendelangle
+
+### Docs
+
+- [docs] Add a recipe limiting to one expanded detail panel at a time (#9488) @cherniavskii
+- [docs] Add missing upcoming flag without issue (#9449) @oliviertassinari
+- [docs] Fix 301 when opening the charts @oliviertassinari
+- [docs] Fix 404 link (#9435) @alexfauquette
+- [docs] Fix `productId` logic (#9451) @oliviertassinari
+- [docs] Update charts overview.md (#9429) @brentertz
+- [docs] Avoid systematic usage of `"bg": "inline"` (#9499) @alexfauquette
+- [docs] Display plan icon in ToC (#9490) @cherniavskii
+- [docs] Remove "product" markdown header (#9517) @oliviertassinari
+
+### Core
+
+- [core] Add `edit-mode` to priority support action (#9483) @DanailH
+- [core] Fix priority support prompt action (#9472) @DanailH
+- [core] Update `uses` for priority support action (#9480) @DanailH
+- [core] Bumb update monorepo (#9476) @alexfauquette
+- [CHANGELOG] Fix media quality (#9439) @oliviertassinari
+- [CHANGELOG] Remove height img attribute @oliviertassinari
+- [test] Skip flaky row pinning tests in JSDOM (#9511) @cherniavskii
+
 ## 6.9.0
 
 _Jun 22, 2023_
 
 We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
 
-- 🎁 We release a new package `@mui/x-charts`.
-  This package aims at simplifying the integration of charts into your dashboards. 📊
+- 🎁 We released a new open-source package: `@mui/x-charts`. This package aims at simplifying the integration of charts into your dashboards. 📊
+
+  <img width="512" alt="charts" src="https://github.com/mui/mui-x/assets/3165635/41201d3c-16a4-442d-a230-68356e6b433d">
+
+  It already contains [line](https://mui.com/x/react-charts/lines/), [bar](https://mui.com/x/react-charts/bars/), and [scatter](https://mui.com/x/react-charts/scatter/) charts, with basic customization features. Check out the [documentation](https://mui.com/x/react-charts/) to see what it can do, and open issues to get the feature you need implemented.
 
-  ![image](https://github.com/mui/mui-x/assets/45398769/613bae2f-537d-4ec3-8046-591d1a504a72)
+- 🚀 Introducing UTC and timezone support for pickers.
 
-  It already contains [lines](https://mui.com/x/react-charts/lines/), [bars](https://mui.com/x/react-charts/bars/), and [scatter](https://mui.com/x/react-charts/scatter/) charts with basic customization features.
-  Please, visit the new [documentation](https://mui.com/x/react-charts/) to know what it does, and open issues to get the feature you need to be implemented.
+  <img width="774" src="https://github.com/mui/mui-x/assets/3165635/ad95a404-ee67-4aff-b996-ad6cbb322348">
 
-- 🚀 Introduce the UTC and timezone support for pickers.
-  ![image](https://github.com/mui/mui-x/assets/3309670/f8b552b0-9ec2-417b-b769-95740308291d)
-  Please visit the [documentation](https://mui.com/x/react-date-pickers/timezone/) to learn how to use it.
+  Visit the [documentation](https://mui.com/x/react-date-pickers/timezone/) to learn how to use it.
 
 - 🌍 Improve Brazilian Portuguese (pt-BR) on the data grid
 - 🌍 Improve Czech (cs-CZ) locale on the pickers

package/ChartsAxis/ChartsAxis.d.ts

@@ -2,25 +2,25 @@ import * as React from 'react';
 import { ChartsXAxisProps, ChartsYAxisProps } from '../models/axis';
 export interface ChartsAxisProps {
     /**
-     * Indicate which axis to display the the top of the charts.
+     * Indicate which axis to display the top of the charts.
      * Can be a string (the id of the axis) or an object `ChartsXAxisProps`
      * @default null
      */
     topAxis?: null | string | ChartsXAxisProps;
     /**
-     * Indicate which axis to display the the bottom of the charts.
+     * Indicate which axis to display the bottom of the charts.
      * Can be a string (the id of the axis) or an object `ChartsXAxisProps`
      * @default xAxisIds[0] The id of the first provided axis
      */
     bottomAxis?: null | string | ChartsXAxisProps;
     /**
-     * Indicate which axis to display the the left of the charts.
+     * Indicate which axis to display the left of the charts.
      * Can be a string (the id of the axis) or an object `ChartsYAxisProps`
      * @default yAxisIds[0] The id of the first provided axis
      */
     leftAxis?: null | string | ChartsYAxisProps;
     /**
-     * Indicate which axis to display the the right of the charts.
+     * Indicate which axis to display the right of the charts.
      * Can be a string (the id of the axis) or an object `ChartsYAxisProps`
      * @default null
      */

package/ChartsAxis/ChartsAxis.js

@@ -78,7 +78,7 @@ process.env.NODE_ENV !== "production" ? ChartsAxis.propTypes = {
   // | To update them edit the TypeScript types and run "yarn proptypes"  |
   // ----------------------------------------------------------------------
   /**
-   * Indicate which axis to display the the bottom of the charts.
+   * Indicate which axis to display the bottom of the charts.
    * Can be a string (the id of the axis) or an object `ChartsXAxisProps`
    * @default xAxisIds[0] The id of the first provided axis
    */
@@ -96,7 +96,7 @@ process.env.NODE_ENV !== "production" ? ChartsAxis.propTypes = {
     tickSize: _propTypes.default.number
   }), _propTypes.default.string]),
   /**
-   * Indicate which axis to display the the left of the charts.
+   * Indicate which axis to display the left of the charts.
    * Can be a string (the id of the axis) or an object `ChartsYAxisProps`
    * @default yAxisIds[0] The id of the first provided axis
    */
@@ -114,7 +114,7 @@ process.env.NODE_ENV !== "production" ? ChartsAxis.propTypes = {
     tickSize: _propTypes.default.number
   }), _propTypes.default.string]),
   /**
-   * Indicate which axis to display the the right of the charts.
+   * Indicate which axis to display the right of the charts.
    * Can be a string (the id of the axis) or an object `ChartsYAxisProps`
    * @default null
    */
@@ -132,7 +132,7 @@ process.env.NODE_ENV !== "production" ? ChartsAxis.propTypes = {
     tickSize: _propTypes.default.number
   }), _propTypes.default.string]),
   /**
-   * Indicate which axis to display the the top of the charts.
+   * Indicate which axis to display the top of the charts.
    * Can be a string (the id of the axis) or an object `ChartsXAxisProps`
    * @default null
    */

package/ChartsLegend/ChartsLegend.d.ts

@@ -15,6 +15,10 @@ export type ChartsLegendProps = {
      * Override or extend the styles applied to the component.
      */
     classes?: Partial<ChartsLegendClasses>;
+    /**
+     * Set to true to hide the legend.
+     */
+    hidden?: boolean;
 } & SizingParams;
 type DefaultizedChartsLegendProps = DefaultizedProps<ChartsLegendProps, 'direction' | 'position'>;
 type SeriesLegendOwnerState = ChartSeriesDefaultized<any> & Pick<DefaultizedChartsLegendProps, 'direction'> & {
@@ -40,5 +44,5 @@ export declare const ChartsLegendMark: import("@emotion/styled").StyledComponent
     };
 }, Pick<React.SVGProps<SVGRectElement>, keyof React.SVGProps<SVGRectElement>>, {}>;
 export declare const ChartsLegendLabel: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme>, Pick<React.SVGTextElementAttributes<SVGTextElement>, keyof React.SVGTextElementAttributes<SVGTextElement>>, {}>;
-export declare function ChartsLegend(inProps: ChartsLegendProps): React.JSX.Element;
+export declare function ChartsLegend(inProps: ChartsLegendProps): React.JSX.Element | null;
 export {};

package/ChartsLegend/ChartsLegend.js

@@ -159,7 +159,8 @@ function ChartsLegend(inProps) {
   const {
     position,
     direction,
-    offset
+    offset,
+    hidden
   } = props;
   const theme = (0, _styles.useTheme)();
   const classes = useUtilityClasses((0, _extends2.default)({}, props, {
@@ -167,6 +168,9 @@ function ChartsLegend(inProps) {
   }));
   const drawingArea = React.useContext(_DrawingProvider.DrawingContext);
   const series = React.useContext(_SeriesContextProvider.SeriesContext);
+  if (hidden) {
+    return null;
+  }
   const seriesToDisplay = (0, _utils2.getSeriesToDisplay)(series);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(ChartsLegendRoot, {
     ownerState: {

package/ChartsLegend/utils.d.ts

@@ -11,4 +11,4 @@ export type SizingParams = {
     itemWidth?: number;
     spacing?: number;
 };
-export declare function getSeriesToDisplay(series: FormattedSeries): (import("../models/seriesType/config").ChartSeriesDefaultized<"bar"> | import("../models/seriesType/config").ChartSeriesDefaultized<"scatter"> | import("../models/seriesType/config").ChartSeriesDefaultized<"line">)[];
+export declare function getSeriesToDisplay(series: FormattedSeries): import("../models/seriesType/config").LegendParams[];

package/ChartsLegend/utils.js

@@ -1,9 +1,20 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getSeriesToDisplay = getSeriesToDisplay;
+var _legend = _interopRequireDefault(require("../BarChart/legend"));
+var _legend2 = _interopRequireDefault(require("../ScatterChart/legend"));
+var _legend3 = _interopRequireDefault(require("../LineChart/legend"));
+var _legend4 = _interopRequireDefault(require("../PieChart/legend"));
+const legendGetter = {
+  bar: _legend.default,
+  scatter: _legend2.default,
+  line: _legend3.default,
+  pie: _legend4.default
+};
 function getSeriesToDisplay(series) {
-  return Object.values(series).flatMap(s => s.seriesOrder.map(seriesId => s.series[seriesId])).filter(s => s.label !== undefined);
+  return Object.keys(series).flatMap(seriesType => legendGetter[seriesType](series[seriesType]));
 }

package/ChartsTooltip/ChartsAxisTooltipContent.js

@@ -90,7 +90,7 @@ function ChartsAxisTooltipContent(props) {
   const USED_X_AXIS_ID = xAxisIds[0];
   const relevantSeries = React.useMemo(() => {
     const rep = [];
-    Object.keys(series).forEach(seriesType => {
+    Object.keys(series).filter(seriesType => ['bar', 'line', 'scatter'].includes(seriesType)).forEach(seriesType => {
       series[seriesType].seriesOrder.forEach(seriesId => {
         const axisKey = series[seriesType].series[seriesId].xAxisKey;
         if (axisKey === undefined || axisKey === USED_X_AXIS_ID) {

package/ChartsTooltip/ChartsItemTooltipContent.js

@@ -21,8 +21,17 @@ function DefaultChartsItemContent(props) {
   if (itemData.dataIndex === undefined) {
     return null;
   }
-  const displayedLabel = series.label ?? null;
-  const color = series.color;
+  const {
+    displayedLabel,
+    color
+  } = series.type === 'pie' ? {
+    color: series.data[itemData.dataIndex].color,
+    displayedLabel: series.data[itemData.dataIndex].label
+  } : {
+    color: series.color,
+    displayedLabel: series.label
+  };
+
   // TODO: Manage to let TS understand series.data and series.valueFormatter are coherent
   // @ts-ignore
   const formattedValue = series.valueFormatter(series.data[itemData.dataIndex]);

package/ChartsTooltip/ChartsTooltipTable.js

@@ -32,10 +32,10 @@ const ChartsTooltipRow = (0, _styles.styled)('tr', {
 })(({
   theme
 }) => ({
-  '&:first-child td': {
+  'tr:first-of-type& td': {
     paddingTop: theme.spacing(1)
   },
-  '&:last-child td': {
+  'tr:last-of-type& td': {
     paddingBottom: theme.spacing(1)
   }
 }));
@@ -48,18 +48,18 @@ const ChartsTooltipCell = (0, _styles.styled)('td', {
 }) => ({
   verticalAlign: 'middle',
   color: theme.palette.text.secondary,
-  '&:first-child': {
-    paddingLeft: theme.spacing(2)
-  },
-  '&:last-child': {
-    paddingRight: theme.spacing(2)
-  },
   [`&.${_tooltipClasses.tooltipClasses.labelCell}`]: {
     paddingLeft: theme.spacing(1)
   },
   [`&.${_tooltipClasses.tooltipClasses.valueCell}`]: {
     paddingLeft: theme.spacing(4),
     color: theme.palette.text.primary
+  },
+  'td:first-of-type&': {
+    paddingLeft: theme.spacing(2)
+  },
+  'td:last-of-type&': {
+    paddingRight: theme.spacing(2)
   }
 }));
 exports.ChartsTooltipCell = ChartsTooltipCell;

package/LineChart/LineChart.js

@@ -55,7 +55,9 @@ function LineChart(props) {
     xAxis: xAxis ?? [{
       id: _constants.DEFAULT_X_AXIS_KEY,
       scaleType: 'point',
-      data: [...new Array(Math.max(...series.map(s => s.data.length)))].map((_, index) => index)
+      data: Array.from({
+        length: Math.max(...series.map(s => s.data.length))
+      }, (_, index) => index)
     }],
     yAxis: yAxis,
     colors: colors,
@@ -84,7 +86,7 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     y: _propTypes.default.oneOf(['line', 'none'])
   }),
   /**
-   * Indicate which axis to display the the bottom of the charts.
+   * Indicate which axis to display the bottom of the charts.
    * Can be a string (the id of the axis) or an object `ChartsXAxisProps`
    * @default xAxisIds[0] The id of the first provided axis
    */
@@ -111,7 +113,7 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
   disableAxisListener: _propTypes.default.bool,
   height: _propTypes.default.number,
   /**
-   * Indicate which axis to display the the left of the charts.
+   * Indicate which axis to display the left of the charts.
    * Can be a string (the id of the axis) or an object `ChartsYAxisProps`
    * @default yAxisIds[0] The id of the first provided axis
    */
@@ -131,6 +133,7 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
   legend: _propTypes.default.shape({
     classes: _propTypes.default.object,
     direction: _propTypes.default.oneOf(['column', 'row']),
+    hidden: _propTypes.default.bool,
     itemWidth: _propTypes.default.number,
     markSize: _propTypes.default.number,
     offset: _propTypes.default.shape({
@@ -150,7 +153,7 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     top: _propTypes.default.number
   }),
   /**
-   * Indicate which axis to display the the right of the charts.
+   * Indicate which axis to display the right of the charts.
    * Can be a string (the id of the axis) or an object `ChartsYAxisProps`
    * @default null
    */
@@ -195,7 +198,7 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     trigger: _propTypes.default.oneOf(['axis', 'item', 'none'])
   }),
   /**
-   * Indicate which axis to display the the top of the charts.
+   * Indicate which axis to display the top of the charts.
    * Can be a string (the id of the axis) or an object `ChartsXAxisProps`
    * @default null
    */

package/LineChart/legend.d.ts

@@ -0,0 +1,3 @@
+import { LegendGetter } from '../models/seriesType/config';
+declare const legendGetter: LegendGetter<'line'>;
+export default legendGetter;

package/LineChart/legend.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const legendGetter = params => {
+  const {
+    seriesOrder,
+    series
+  } = params;
+  const data = seriesOrder.map(seriesId => ({
+    color: series[seriesId].color,
+    label: series[seriesId].label,
+    id: seriesId
+  }));
+  return data.filter(item => item.label !== undefined);
+};
+var _default = legendGetter;
+exports.default = _default;

package/PieChart/PieArc.d.ts

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { PieArcDatum as D3PieArcDatum } from 'd3-shape';
+import { HighlightScope } from '../context/HighlightProvider';
+import { PieSeriesType } from '../models/seriesType/pie';
+export interface PieArcClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element when higlighted. */
+    highlighted: string;
+    /** Styles applied to the root element when faded. */
+    faded: string;
+}
+export type PieArcClassKey = keyof PieArcClasses;
+export interface PieArcOwnerState {
+    id: string;
+    dataIndex: number;
+    color: string;
+    isFaded: boolean;
+    isHighlighted: boolean;
+    classes?: Partial<PieArcClasses>;
+}
+export declare function getPieArcUtilityClass(slot: string): string;
+export declare const pieArcClasses: PieArcClasses;
+export type PieArcProps = Omit<PieArcOwnerState, 'isFaded' | 'isHighlighted'> & React.ComponentPropsWithoutRef<'path'> & D3PieArcDatum<any> & {
+    highlightScope?: Partial<HighlightScope>;
+    innerRadius: PieSeriesType['innerRadius'];
+    outerRadius: number;
+    cornerRadius: PieSeriesType['cornerRadius'];
+    highlighted: PieSeriesType['highlighted'];
+    faded: PieSeriesType['faded'];
+};
+declare function PieArc(props: PieArcProps): React.JSX.Element;
+declare namespace PieArc {
+    var propTypes: any;
+}
+export default PieArc;